选择 :last-child,但具有特定的类

Ilj*_*lja 0 html css jquery css-selectors jquery-selectors

假设我有这个无序列表:

<ul>
   <li class="item"></li>
   <li class="item"></li>
   <li class="item"></li>
   <li class="placeholder"></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

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

Mil*_*war 7

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

$('.item:last');//will give third li
Run Code Online (Sandbox Code Playgroud)

或者

$('.item').last();//will give third li
Run Code Online (Sandbox Code Playgroud)


Pra*_*man 5

使用:last一个:

$('.item:last');
Run Code Online (Sandbox Code Playgroud)

请注意 :last 通过过滤当前 jQuery 集合并匹配其中的最后一个元素来选择单个元素。

如果您关心性能,请使用:

$(".item").filter(":last");
Run Code Online (Sandbox Code Playgroud)