                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

$("li:eq(2)")和$("li:nth(2)")一样么？不知道元素索引号，怎么选倒数第2个元素？

$("li:eq(2)").css("background-color", "#60F");

</script>

$("li:nth(2)").css("background-color", "#60F");

</script>

GoingForward

2016-04-05

源自：jQuery基础课程 3-2

关注问题我要回答

1002

操作

收起

5 回答

susie_blue 回答被采纳 +3 积分
2016-04-05

$("li:nth-child(2)")选择器与$("li:eq(2)")选择器的不同之处在于：
$("li:eq(2)")选择器只匹配一个元素，并且是所有匹配到的元素中的第2+ 1个元素(索引index从0开始算起)；
$("li:nth-child(2)")选择器则需要判断匹配到的元素是否是其父元素的第2个子元素或符合其他特定要求(序号n从1开始算起)，如果是就保留，否则将被舍弃。

$("li:eq(-2)")就选择到了倒数第二个元素

6 回复有任何疑惑可以回复我~

收起回答

GoingForward 提问者

非常感谢！

2016-04-05 回复有任何疑惑可以回复我~

卡马克
2016-04-05

1、':eq(index)'获取当前第“index”的元素，":nth-child(index)"则为每一个父元素匹配第“index”的子元素。

2、:nth-child从1开始的，而:eq()是从0算起的。

3、“怎么选倒数第2个元素？”你要理解了前两个问题就会第三个了，作为检验吧。

0 回复有任何疑惑可以回复我~

收起回答

GoingForward 提问者
2016-04-05

https://blog.pivotal.io/labs/labs/css-first-child-nth-child-and-last-child-are-not-like-eq

0 回复有任何疑惑可以回复我~

收起回答

Cooling_ZS
2016-04-05

:nth-child(n)选择器则需要判断匹配到的元素是否是其父元素的第n个子元素或符合其他特定要求(序号n从1开始算起)，如果是就保留，否则将被舍弃。

0 回复有任何疑惑可以回复我~

收起回答

qq_Dior许_0
2016-04-05

nth-child(n)选择器与:eq(index)选择器的不同之处在于：
:eq(index)选择器只匹配一个元素，并且是所有匹配到的元素中的第index + 1个元素(索引index从0开始算起)；
:nth-child(n)选择器则需要判断匹配到的元素是否是其父元素的第n个子元素或符合其他特定要求(序号n从1开始算起)，如果是就保留，否则将被舍弃。

可以 var ss=document.getElementsTagName("li");$("li:eq(ss.length-2)").css("background-color","#60F")

0 回复有任何疑惑可以回复我~

收起回答