javascript - Remove Specific Content from div with jQuery?

Can you remove specific content from an element with jQuery?

So for example, if I had

<p>Hello, this is a test</p>

could I turn it into

<p>this is a test</p>

with jQuery (or any Javascript)

Please keep in mind that I just want to remove the "Hello, " so

$(p).innerHTML("this is a test");

wont work

Can you remove specific content from an element with jQuery?

So for example, if I had

<p>Hello, this is a test</p>

could I turn it into

<p>this is a test</p>

with jQuery (or any Javascript)

Please keep in mind that I just want to remove the "Hello, " so

$(p).innerHTML("this is a test");

wont work

Share Improve this question asked Sep 5, 2011 at 0:31 Shahmeer Navid 5664 gold badges10 silver badges18 bronze badges

Add a ment |

3 Answers 3

Sorted by: Reset to default 6

var str = $('p').text()
str.replace('Hello,','');
$('p').text(str);

For more information visit: https://developer.mozilla/en/JavaScript/Reference/Global_Objects/String/replace

Do it like so:

$( elem ).text(function ( i, txt ) {    
    return txt.replace( 'Hello,', '' );
});

where elem is the reference to the DOM element which text content you want to modify.

You don't need jQuery for this.

First get your element's HTML (if you have only one of them, use jQuery.each otherwise):

var p = document.getElementsByTagName('p')[0];
var str = p.innerHTML;

Then, if you want to remove exactly "Hello, " do this:

str = str.substring(7);

If you want everything after the a use:

str = str.split(',', 2)[1];

And set its HTML back with:

p.innerHTML = str;