javascript - jQuery :last selector for multiple list

Question

我有一个看起来像这样的导航

<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) .. 

现在我想选择最后一个并用 jquery 向它添加一个类。通常我不会成为一个问题。但是我在代码中有 5 个这样的导航。而且它只是将类添加到使用此选择器的最后一个

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

Answer 1

这会遍历 .navigation 元素，并选择每个元素中的最后一个 ul。

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

因为 .find("ul:last") 是从每个单独的 .navigation 的上下文中执行的，所以 :last 将仅适用于当前的 .navigation 元素。

---

或者由于 jQuery 的隐式迭代，您实际上可以这样做:

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

jQuery 将迭代找到的 .navigation 元素，并对每个元素分别执行 .find()。