Replace text in HTML page with jQuery

by

You could use the following to replace the first occurrence of a word within the body of the page: 

var replaced = $("body").html().replace('-9o0-9909','The new string');
$("body").html(replaced);

If you wanted to replace all occurrences of a word, you need to use regex and declare it global /g:

var replaced = $("body").html().replace(/-1o9-2202/g,'The ALL new string');
$("body").html(replaced);

If you wanted a one liner:

$("body").html($("body").html().replace(/12345-6789/g,'<b>abcde-fghi</b>'));

You are basically taking all of the HTML within the <body> tags of the page into a string variable, using replace() to find and change the first occurrence of the found string with a new string. Or if you want to find and replace all occurrences of the string introduce a little regex to the mix.

See a demo here – look at the HTML top left to see the original text, the jQuery below, and the output to the bottom right.

More Related Contents:

  1. Why am I getting an OPTIONS request instead of a GET request?
  2. jQuery .data() does not work, but .attr() does
  3. How to detect if two divs touch with jquery?
  4. Select deepest child in jQuery
  5. How do I hide an element on a click event anywhere outside of the element?
  6. jquery save json data object in cookie
  7. What’s the difference between jQuery’s replaceWith() and html()?
  8. JavaScript: Changing src-attribute of a embed-tag
  9. jQuery: keyPress Backspace won’t fire?
  10. jquery, add/remove class when window width changes
  11. How to call .ajaxStart() on specific ajax calls
  12. jquery ajax problem in chrome
  13. Add CSS to iFrame [duplicate]
  14. JQuery: Build HTML in ‘memory’ rather than DOM
  15. Accessing cross-domain style sheet with .cssRules
  16. Return Partial View and JSON from ASP.NET MVC Action
  17. How do I get a jQuery selector’s expression as text?
  18. Remove span tag in string using jquery
  19. jquery get height of iframe content when loaded
  20. jQuery autocomplete for dynamically created inputs
  21. How to get jqGrid reload to go to server?
  22. How to force an HTML form to validate without submitting it via jQuery
  23. JQuery Select2 – How to select all options
  24. Does Google crawl AJAX content? [closed]
  25. JSON stringify missing from jQuery 1.4.1?
  26. What JQuery selector excludes items with a parent that matches a given selector?
  27. jQuery countdown timer
  28. Wrap some specified words with span in jQuery?
  29. Twitter Bootstrap Carousel cycle items right to left ( RTL ) reversed
  30. Removing multiple classes (jQuery)

Leave a Comment