jquery - 如何通过数字位置选择CSS中的某个元素

Question

例如：

 <ul id="list">
   <li>Item1</li>
   <li>Item2</li>
   <li>Item3</li>
 </ul>

我想选择第二个li。以 jQuery 为例：

$("#list li[num='2']")......

显然“num=2”不是真的，但希望你能理解我想要达到的目标。

score 4 · Accepted Answer

你想要第n 个子（n）选择器。

基本上你把你想要的数字放在 n 的位置，它就会得到那个元素。

$('#list li:nth-child(2)')......

这将获得li#list 中的第二个元素

score 3 · Accepted Answer

3

也可以这样做：

$("#list li:eq(1)")

:eq() 是从零开始的索引

于 2012-11-26T14:41:35.340 回答

score 2 · Accepted Answer

#list li:nth-child(2) {
   ...
}

score 0 · Accepted Answer

你可以试试：

var second_li= $("#list li:nth-child(2)");

但是 nth-child 不能在 IE < v9 中工作

4 回答 4