henryaaron henryaaron - 16 days ago 5
jQuery Question

jQuery Removing specific text from an element

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

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.

Comments