Question

I Have a navigation looking like this

<ul class="navigation">
    <li class="navlist">
    Navigation1
    <ul>
    <li>point1</li>
    <li>point2</li>
    ...
    </ul>
    </li>

    <li class="navlist">
    Navigation2
    <ul>
    <li>point1</li>
    <li>point2</li>
    ...
    </ul>
    </li>
</ul>
etc (4 more navigations) .. 

Now I want to select the last and add a class to it with jquery. Normaly I wont be a Porblem. But I have 5 Navigations like this in the code. And it’s only adding the class to the last one using this selector

$('.navigation ul:last').addClass('last_border')

Answer 1

This loops over the .navigation elements, and selects the last ul in each.

$(".navigation").each(function(i, nav) {
    $(nav).find("ul:last").addClass("last_border");
});

Because the .find("ul:last") is performed from the context of each individual .navigation, the :last will only apply to the current .navigation element.

---

Or because of jQuery’s implicit iteration, you could actually do this:

$(".navigation").find("ul:last").addClass("last_border");

jQuery will iterate the found .navigation elements, and perform .find() on each one individually.