JQuery - 如何向每个最后一个列表项添加一个类？

Question

这里有一些代码不起作用:

$("#sidebar ul li:last").each(function(){
      $(this).addClass("last");
});

基本上我有 3 个列表，并且想为每个无序列表中最后出现的每个元素添加一个类(最后)。

<ul>
      <li>Item 1</li>
      <li>Item 2</li>
      <li class="last">Item 3</li>
</ul>

希望这是有道理的，干杯!

Answer 1

容易犯的错误。试试这个:

$("#sidebar ul li:last-child").addClass("last");

基本上 :last 并不像您认为的那样。它只匹配文档中的最后一个，而不是每个列表中的最后一个。这就是 :last-child 的用途。