Remove text with jQuery

Question

Is there a way to remove text that is not wrapped in any tag using jQuery

<p>This is some text</p>

This is "unwrapped" text //to be removed

<span>some more text</span>

Thank you for your help

All text is wrapped in some tag, even if it's - do you mean within a specific container element? — Greg, Oct 15 '09 at 08:41

score 52 · Accepted Answer · edited May 23 '17 at 12:01

52

Using the answer from this question:

$(elem)
  .contents()
  .filter(function() {
    return this.nodeType == 3; //Node.TEXT_NODE
  }).remove();

edited May 23 '17 at 12:01

Community

answered Oct 15 '09 at 08:44

Greg

2

Yes, the `Node` constructor function is not mandated to be visible at `window` level, and `TEXT_NODE` would normally be found only on the prototype, not the constructor. The ‘correct’ way would be `this.nodeType==this.TEXT_NODE`, however even that still doesn't work on IE, so typically you have to define your own `var TEXT_NODE= 3;`. – bobince Oct 15 '09 at 09:11

score 8 · Answer 2 · answered Oct 15 '09 at 08:44

8

First, you can wrap them with dummy spans:

$("body").contents()
    .filter(function(){ return this.nodeType != 1; })
    .wrap("<span class='orphan'/>");

Now you can remove them easily:

$('span.orphan').remove();

answered Oct 15 '09 at 08:44

Kobi

score 3 · Answer 3 · answered Dec 29 '12 at 04:27

3

fwiw..

<div class="parent-element">
<p>This is some text</p>
This is "unwrapped" text //to be removed
<span>some more text</span>
</div>

via CSS:

.parent-element { font-size: 0px; }
.parent-element p { font-size: 12px; }
.parent-element span { font-size: 14px; }

answered Dec 29 '12 at 04:27

sime0n

3

The OP is asking for a solution in jQuery. Your answer is not using jQuery. – Pang Dec 29 '12 at 04:47

score 2 · Answer 4 · answered Oct 15 '09 at 08:59

2

Wrapping it in a DOM element would mean jQuery can find it:

eg:

var text = 'This is "unwrapped" text';

$("div:contains('" + text + "')").remove();

or just:

$('p').next().remove();

answered Oct 15 '09 at 08:59

Dom

4 Answers4