Use jQuery to select text not in an element

Question

Say i have this:

<div class='myDiv'>
    <p>hello</p>
    hello
    <p>Hello</p>
</div>

How does one grab the text hello between the two P tags using jQuery?

Everything has (or can have) a parent element, can you show the rest of the dom? — Thizzer, Jun 17 '11 at 16:05
If you give more context (read: the code surrounding the snippet you posted), it'd be fairly easy to do. Or is this the entire document? — brettkelly, Jun 17 '11 at 16:05

score 15 · Accepted Answer · edited May 23 '17 at 12:10

15

$('.myDiv')
  .contents()
  .filter(function() {
    return this.nodeType == Node.TEXT_NODE;
  }).text();

edited May 23 '17 at 12:10

Community

answered Jun 17 '11 at 16:10

js1568

Not every browser works the same way with text nodes, not sure if this solution circumvents that problem... – Phil Jun 17 '11 at 16:18
@Phil See the comments and solutions at the link posted above. – js1568 Jun 17 '11 at 16:20

aepheus · Answer 2 · 2011-06-17T16:13:42.600

0

js1568 has a better approach

$('div.myDiv').filter('p').text() would probably work.

I take it back, filter would not work. maybe something like:

var jText = $('div.myDiv').clone();
jText.find('p').remove();
jText.text();

edited Jun 17 '11 at 16:13

answered Jun 17 '11 at 16:08

aepheus

2 Answers2