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

Jquery 如何通过数字位置选择CSS中的某个元素,jquery,iphone,html,css,web,Jquery,Iphone,Html,Css,Web,例如: <ul id="list"> <li>Item1</li> <li>Item2</li> <li>Item3</li> </ul> $("#list li[num='2']")...... 显然“num=2”不是真的,但希望你理解我想要达到的目标 #list li:nth-child(2) { ... } .您需要选择器 基本上你把你想要的数字放在n的位置,

例如:

 <ul id="list">
   <li>Item1</li>
   <li>Item2</li>
   <li>Item3</li>
 </ul>
$("#list li[num='2']")......
显然“num=2”不是真的,但希望你理解我想要达到的目标

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

.

您需要选择器

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

$('#list li:nth-child(2)')......
这将获取列表中的第二个
li
元素,您可以尝试:

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

但是第n个孩子不会在IE中工作也可以这样做:

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

:eq()是基于零的索引

请注意,这是一个CSS3选择器,如果在纯CSS中使用,则不会在旧浏览器中进行计算。但是,它将作为jQuery选择器工作。请进行向上投票。Abody比你早9秒,所以我必须给他打分。@user974896有趣的是IE8和down不支持CSS中的第n个孩子(n)选择器,但是也有类似的选择器。
+
符号表示“下一个兄弟姐妹”,IE8同时支持该符号和第一个孩子(),因此您可以列出li:first child+li。这将实现同样的效果,但也适用于IE8。显然,它有限制。如果它用作CSS选择器,则不受支持。如果将其用作jQuery选择器,则没有问题。