How can I select text from a jQuery element

Question

For example, we have the following code (it can be any tag with nested tags and text):

<td id='test'> Hello <a href='foo.html'>JS</a> <noindex>Map</noindex> Take me <div>nice</div> Skip me </tr> 

How can I get ' Take me ' using jQuery selectors?
NOTE: $('#test').text() will return all texts: Hello JS ...

Answer 1

Use contents() to get all the child nodes, then filter the search for text nodes that match your criteria containing "Hello" .

 $('#test').contents().filter(function() { return this.nodeType == 3 && $.trim(this.data) == 'Take me'; }) 

jsFiddle .