jQuery - delete a single word that is case-sensitive

Question

jQuery - delete a single word that is case-sensitive

Is there a way to eliminate a specific case-sensitive word from a fully loaded webpage? The word in question is "Posts" and it appears within a div called #pd_top_rated_holder that is generated by Javascript.

The Javascript code is sourced externally, so making direct changes to it is not an option. I also prefer not to customize a plugin just to host the Javascript locally.

I attempted the following method without success:

<script type="text/javascript">
$('#pd_top_rated_holder').text($('#pd_top_rated_holder').text().replace('Posts',''));
</script>

javascript jquery css

Answer 1

Answer №1

To improve your code performance, consider enclosing it in a ready handler:

<script type="text/javascript>
  $(function(){
    $('#pd_top_rated_holder').text($('#pd_top_rated_holder').text().replace('Posts',''));
  });
</script>

If you have multiple instances of the string to replace, use regex like this:

<script type="text/javascript">
  $(function(){
    $('#pd_top_rated_holder').text($('#pd_top_rated_holder').text().replace(/Posts/g,''));
  });
</script>

Answer 2

To improve your code performance, consider enclosing it in a ready handler:

<script type="text/javascript>
  $(function(){
    $('#pd_top_rated_holder').text($('#pd_top_rated_holder').text().replace('Posts',''));
  });
</script>

If you have multiple instances of the string to replace, use regex like this:

<script type="text/javascript">
  $(function(){
    $('#pd_top_rated_holder').text($('#pd_top_rated_holder').text().replace(/Posts/g,''));
  });
</script>

jQuery - delete a single word that is case-sensitive

Answer №1

Similar questions

Include onload to element without running it in Puppeteer

Using AngularJS to chain promises

The concept of Ajax and checkbox arrays

Strip away the HTML tags and remove any text formatting

Create a customizable Tree structure that includes checkboxes for each item and features drag

Is there a way to select and handle multiple elements using async wdio with the same selector?

Transforming the JSON data into a text format

Navigate within the div by scrolling in increments of 100%

How to use jQuery to hide list items after a certain threshold

What sets Joomla file inclusion apart from the rest?

Navigating AngularJS for User Authorization_REDIRECT

Calculating the hour difference between two time stamps (HH:MM:SS a) using moment.js

Conceal and reposition divs based on device with Bootstrap's responsive utilities

How can I navigate between pages without losing the data entered in the form fields

Conceal a section of a container with the click of a button within a WordPress Plugin

Utilizing Express and ejs to display a JSON using the "<%" tag

Typescript error handling: Handle 404s on all Koa routes

When utilizing the withStyles HOC, innerRef is not included in the passing of other props when passed through React.forwardRef

If there is a lack of text at the beginning, then insert the

Experimenting with creating collapsible panels using Bootstrap/CSS can result in various outcomes