Removing text from inside a

Question

Possible Duplicate:
Remove text with jQuery

I want to remove the text from a div, but that div contains other nodes.

If i use $("#hwiTestimonial").text(""); it erases the <br/> and the <div> as well. How can I only specify to remove the text, without any nodes?

<div id="hwiTestimonial">
    " Bla bla" 
    <br/>
    <div>....</div>
</div>

score 12 · Accepted Answer · answered Nov 15 '12 at 11:01

12

You can filter the contents of the element to leave only text nodes:

$("#hwiTestimonial").contents().filter(function () {
    return this.nodeType === 3; // Text nodes only
}).remove();

Here's a working example.

answered Nov 15 '12 at 11:01

James Allardice

164,175
21
332
312

great. Just what i was looking for. 14min and i'll accept your answer :) thanks – AndreiBogdan Nov 15 '12 at 11:03

score 1 · Answer 2 · answered Nov 15 '12 at 11:06

you can use any one of these

$("#hwiTestimonial")
  .contents()
  .filter(function() {
    return this.nodeType == Node.TEXT_NODE;
}).remove();

or you can use this for old browser support also

$("#hwiTestimonial").contents().filter(function () {
    return this.nodeType === 3; // Text nodes only
}).remove();

Removing text from inside a

2 Answers2