jQuery contains

Question

Is there a way to get the deepest element matching a contains statement?

Basicly if I have nested divs, I want the last element not the parent element:

<div id="hayStack">
  <div id="needle">Needle</div>
</div>

$("div:contains('Needle')") is returning the hayStack div.

The only solution I have come up with so far is explicitly exlcuding parent divs by their id with .not

Answer 1

$("div:contains('Needle')").filter(function() {
    return $(this).children().size() === 0;
});

Gets the list of elements containing 'Needle' then filters out those with any children.

Answer 2

Adding :last will return the deepest/last div (the one immedietly encapsulating the content you are searching for

$("div:contains('Needle'):last")