$("li:eq(2)")和$("li:nth(2)")一樣么?不知道元素索引號(hào),怎么選倒數(shù)第2個(gè)元素?
<script type="text/javascript">
? ? ? ? ? ? $("li:eq(2)").css("background-color", "#60F");
? ? ? ? </script>
<script type="text/javascript">
? ? ? ? ? ? $("li:nth(2)").css("background-color", "#60F");
? ? ? ? </script>
2016-04-05
$("li:nth-child(2)")選擇器與$("li:eq(2)")選擇器的不同之處在于:
$("li:eq(2)")選擇器只匹配一個(gè)元素,并且是所有匹配到的元素中的第2+ 1個(gè)元素(索引index從0開始算起);
$("li:nth-child(2)")選擇器則需要判斷匹配到的元素是否是其父元素的第2個(gè)子元素或符合其他特定要求(序號(hào)n從1開始算起),如果是就保留,否則將被舍棄。
?$("li:eq(-2)")就選擇到了倒數(shù)第二個(gè)元素
2016-04-05
1、':eq(index)'獲取當(dāng)前第“index”的元素,":nth-child(index)"則為每一個(gè)父元素匹配第“index”的子元素。
2、:nth-child從1開始的,而:eq()是從0算起的。
3、“怎么選倒數(shù)第2個(gè)元素?”你要理解了前兩個(gè)問題就會(huì)第三個(gè)了,作為檢驗(yàn)吧。
2016-04-05
https://blog.pivotal.io/labs/labs/css-first-child-nth-child-and-last-child-are-not-like-eq
2016-04-05
:nth-child(n)選擇器則需要判斷匹配到的元素是否是其父元素的第n個(gè)子元素或符合其他特定要求(序號(hào)n從1開始算起),如果是就保留,否則將被舍棄。
2016-04-05
nth-child(n)選擇器與:eq(index)選擇器的不同之處在于:
:eq(index)選擇器只匹配一個(gè)元素,并且是所有匹配到的元素中的第index + 1個(gè)元素(索引index從0開始算起);
:nth-child(n)選擇器則需要判斷匹配到的元素是否是其父元素的第n個(gè)子元素或符合其他特定要求(序號(hào)n從1開始算起),如果是就保留,否則將被舍棄。
可以 var ss=document.getElementsTagName("li");$("li:eq(ss.length-2)").css("background-color","#60F")