Question

I need to change a bunch of different words on a page using jQuery. This is the code I have so far:

(function($) {
  var thePage = $("body");
  thePage.html(thePage.html().replace([/My Classes/g, 'My Levels'],));
})(jQuery)

How do I modify this code so I can find and replace more words? Lets say I also want to replace “dog” with “cat” and “boy” with “girl”.

Answer 1

What you could do is if you chain the replace values such as:

thePage.html(thePage.html().replace([/My Classes/g, 'My Levels'],))
                            .replace([/dog/g, 'cat'],))
                            .replace([/bird/g, 'pen'],));

EDIT:

Here is the updated code with what you’ve provided on jsfiddle

(function($) {

    $(function(){
    var thePage = $("body");
    thePage.html(thePage.html().replace(/My Classes/g, 'My Levels').replace(/dog/g, 'cat').replace(/bird/g, 'pen'));
    });

})(jQuery)​

And the jsfiddle link:

http://jsfiddle.net/BEftd/4/