How to get last generic child node with jquery?

Question

i have about 4000 websites, all have slightly different navigation html, but the end child node is always a text based node and there is no real uniformity to how the html is laid out. how would i get the last child node for each of the li's or a's or div's in a generic mannor based on the following html examples ```

Menu Item

Accepted Answer

The easiest way with single statement/selector:

```
$("#nav").children().each(function(i, item) {
    alert($(item).find(':not(:has(*))').text());
});
```

JSFiddle: http://jsfiddle.net/qUx4A/

A little explanation:

$("#nav").children().each() - do the body for each element in the #nav element (for each li, a, div....

:has(*) - select element, that has any child element

- :not(:has(*)) - negative of 2. (select element that has NOT any child element) - most inner

- .text() - text content of such most inner element

Hope, that's enought, I'm not sure I can explain it more precise. :)

How to get last generic child node with jquery?

Solution

Problem