$("#menu div.tag dd a:nth-child(10)")10是什么鬼?用a:eq(8)不行吗
来大神解释下nth-child的原理还有lt;gt;eq的原理
来大神解释下nth-child的原理还有lt;gt;eq的原理
2017-08-28
$("#menu div.tag dd a:nth-child(10)")
括号中的空格是后代选择器,所以选择器$()选择的是:id为#menu标签的后代 -> div标签的后代 -> tag类标签的后代 -> dd标签的后代 -> a标签的第10个元素。
lt(index)(less than首字母)例子:$(".aaron:eq(2)") //选取第2个(仅选取一个)
gt(index)(greater than)例子:$(".aaron:gt(3)") // 选取第3个后的所有
eq(index)(equal)例子:$(".aaron:lt(2)") //选取第2个前所有
为什么不能用a:eq(8):
目标是男女装各第一类下的第9个a标签,就是2个a标签,eq()方式只能选取1个。
:nth-child()方式可以选取多个,所以用这个方式。
举报