jQuery replace text not working

Question

I am using this method to find and replace a piece of text and not sure why it is not working? When I use console.log, I can see the correct content I want to replace but the end result is not working:

(function($) {
 $(document).ready( function() {
 var theContent = $(".transaction-results p").last();
 console.log(theContent.html());
 theContent.html().replace(/Total:/, 'Total without shipping:');
 });
})(jQuery);

Any thoughts?

Thank you!

• Reinstate Monica Cellio: string.replace returns a string - it doesn't do the replace on the string you reference... theContent.html(theContent.html().replace(/Total:/, 'Total without shipping:'));
• Barmar: @diEcho This isn't PHP, you don't wrap regex in quotes.

Answer 1

The string was replaced, but you didn't reassign the string to the html of the element. Use return:

theContent.html(function(i,h){
 return h.replace(/Total:/, 'Total without shipping:');
});

JS Fiddle demo (kindly contributed by diEcho).

References:

• html().

Answer 2

You have extra : in string to search and also assign it back to html of theContent

Live Demo

 $(document).ready( function() {
 var theContent = $(".transaction-results p").last();
 console.log(theContent.html());
 theContent.html(theContent.html().replace(/Total/, 'Total without shipping:'));
 });

Answer 3

(function($) {
 $(document).ready( function() {
 var theContent = $(".transaction-results p").last();
 console.log(theContent.html());
 theContent.html(theContent.html().replace('Total:', 'Total without shipping:'));
 });
})(jQuery);

Why you did /Total:/ and not 'Total' like a normal string?

-The solution from @David Thomas works.

• David Thomas: Because he was using regular expressions, not strings.