我有一个看起来像这样的导航
<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')
最佳答案
这会遍历 .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()
。
关于javascript - jQuery :last selector for multiple list,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13794605/