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

时间:2015-07-03 12:14:37

标签: jquery html css jquery-selectors css-selectors

假设我有这个无序列表:

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

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

2 个答案:

答案 0 :(得分:4)

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

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

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

答案 1 :(得分:4)

使用:last一个:

$('.item:last');
  

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

如果您关注表现,请使用:

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