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?
在 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)
使用:last一个:
$('.item:last');
Run Code Online (Sandbox Code Playgroud)
请注意 :last 通过过滤当前 jQuery 集合并匹配其中的最后一个元素来选择单个元素。
如果您关心性能,请使用:
$(".item").filter(":last");
Run Code Online (Sandbox Code Playgroud)