jQuery Removing specific text from an element

Question

I want to remove the text "By:" from an element in my website. I want the rest of the text to remain there. How can I achieve that with jQuery? Thank you.

The HTML

<div id="text">By: Anonymous From Minnesota</div> 

I want it to just be:

<div id="text">Anonymous From Minnesota</div> 

Answer 1

If you wanted to find every element with "By:" in it and remove it, you could try this:

$(':contains("By:")').each(function(){     $(this).html($(this).html().split("By:").join("")); }); 

This removes any occurrence of "By:" in any element. If you want to target specfic type of elements, simply change $(':contains("By:")') to include whatever selector suits you.