2009-08-10 51 views
19

我想用jQuery将一个特殊的类应用于无序列表中的最后两个列表项。像这样:jQuery:获取最后两个列表项?

<ul> 
<li>Lorem</li> 
<li>ipsum</li> 
<li>dolor</li> 
<li class="special">sit</li> 
<li class="special">amet</li> 
</ul> 

如何?我应该使用:eq不知何故?

在此先感谢

回答

23

另一种方法,使用andSelfprev

$('ul li:last-child').prev('li').andSelf().addClass("special"); 
+0

谢谢!这很好用! – ponjoh 2009-08-10 21:35:21

+0

@ponjoh:不客气! – CMS 2009-08-11 18:57:44

5
var items = $('ul li') 
var last_two = items.filter('li:gt('+ items.length-3 +')') 
last_two.addClass('special'); 
+0

或者:items.slice(items.length - 2).addClass( '特殊') – Marc 2009-08-10 21:17:40

+0

添加作为一个答案:P – 2009-08-10 21:18:51

+0

非常感谢,但我该怎么再与变量 “last_two” 吗? – ponjoh 2009-08-10 21:19:41

3
$(function(){ 

    $("li:gt("+($("li").length-3)+")").addClass("special"); 

}); 
42

可以使用功能slice。它非常灵活。

$('ul li').slice(-2).addClass("special"); 
+1

+1原生解决方案 – 2013-02-27 02:00:31

+1

和最短:) – vkostromin 2013-04-23 09:03:47

+2

我不会考虑这个“原生”。 – ricka 2013-11-21 00:59:41