Select :last-child，但具有特定的 class

Question

假设我有这个无序列表：

<ul>
   <li class="item"></li>
   <li class="item"></li>
   <li class="item"></li>
   <li class="placeholder"></li>
</ul>

我正在做一些排序，其中 .item 可以排序，如果它是列表中的最后一个 .item，它将被移动到其他列表。我会经常使用 :last-child 但是，如果其中有一个 .placeholder 元素，它将无法识别最后一项，而是认为由于占位符，该项目不是最后一项。我怎样才能让它只选择最后 .item？

Answer 1

在项目元素的对象上使用 :last 选择器或 .last() 方法：

$('.item:last');//will give third li

或

$('.item').last();//will give third li

Answer 2

使用:last一个：

$('.item:last');

Note that :last selects a single element by filtering the current jQuery collection and matching the last element within it.

如果您关心性能，请使用：

$(".item").filter(":last");

Select :last-child，但具有特定的 class

Select :last-child, but with specific class

html

css

jquery

css-selectors

jquery-selectors