remove certain 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(){
$(this).text($(this).text().replace(/on|by/g,""))
});

Answer 2

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