Remove specific words from paragraphs using jquery

Question

I have a web page like this:

<p class="author">By ... on Jan 23, 2012</p> <p class="content">(some content)</p> <p class="author">By ... on Jan 23, 2012</p> <p class="content">(some content)</p> <p class="author">By ... on Jan 23, 2012</p> <p class="content">(some content)</p> ... 

I would like to use jquery to remove the words "By" and "on" from p.author, the result would be:

 <p class="author">... Jan 23, 2012</p> <p class="content">(some content)</p> ... 

Thanks!

Answer 1

 $(".author").each( function(){ var text = this.firstChild.nodeValue; this.firstChild.nodeValue = text.replace( /(^By|\bon\b)/g, "" ); }); 

Answer 2

 $('.author').each(function(){ $(this).text($(this).text().replace(/on|by/g,"")) }); 

Answer 3

No need for extra each :

 $("p.author").text(function() { return $(this).text().replace(/(By|on)/g, ''); });