$("#menu div.tag dd a:nth-child(10)")10是什么鬼?用a:eq(8)不行嗎
來(lái)大神解釋下nth-child的原理還有l(wèi)t;gt;eq的原理
Vvvvvsion
2017-08-28
4 回答
舉報(bào)
0/150
提交
取消
2017-09-19
$("#menu div.tag dd a:nth-child(10)")
括號(hào)中的空格是后代選擇器，所以選擇器$()選擇的是：id為#menu標(biāo)簽的后代 -> div標(biāo)簽的后代 -> tag類標(biāo)簽的后代 -> dd標(biāo)簽的后代 -> a標(biāo)簽的第10個(gè)元素。
lt(index)（less than首字母）例子：$(".aaron:eq(2)") //選取第2個(gè)（僅選取一個(gè)）
gt(index)（greater than）例子：$(".aaron:gt(3)") // 選取第3個(gè)后的所有
eq(index)（equal）例子：$(".aaron:lt(2)") //選取第2個(gè)前所有
為什么不能用a:eq(8)：
目標(biāo)是男女裝各第一類下的第9個(gè)a標(biāo)簽，就是2個(gè)a標(biāo)簽，eq()方式只能選取1個(gè)。
:nth-child()方式可以選取多個(gè)，所以用這個(gè)方式。
2017-08-30
emmmm。。。你應(yīng)該去復(fù)習(xí)一下前面的內(nèi)容。。。都有介紹的很詳細(xì)
2017-08-28
這句代碼可以這樣理解：（個(gè)人意見(jiàn)，供參考）：
先找到a元素的父元素，也就是dd；然后再定位到第九個(gè)a元素，
? ? //而dd下的子元素不止a，第一個(gè)就是p元素，那么第九個(gè)a元素，
? ? //自然要索引為dd下的第十個(gè)子元素，
? ? //nth-child(index)是從1開(kāi)始，eq（index）從0開(kāi)始
至于后面幾個(gè)屬性方法，你可以復(fù)習(xí)前幾節(jié)內(nèi)容；這些知識(shí)點(diǎn)要經(jīng)?；仡櫹?，不然很容易學(xué)后面忘前面
2017-08-28
eq()只能匹配一個(gè)元素，自己測(cè)試看效果就知道了