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?

Answer 1

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

How do I select text nodes with jQuery?

http://jsfiddle.net/6us8r/