?
本文檔使用
php中文網(wǎng)手冊(cè) 發(fā)布
選擇同屬于一個(gè)父元素之下,并且標(biāo)簽名相同的子元素中的第n個(gè)。
因?yàn)閖Query的實(shí)現(xiàn):nth-是嚴(yán)格來(lái)自CSS規(guī)范,n值是“1-indexed”,也就是說(shuō),從1開(kāi)始計(jì)數(shù)。對(duì)于所有其他選擇器表達(dá)式比如:eq() 或 :even ,jQuery遵循JavaScript的“0索引”的計(jì)數(shù)。
這個(gè)不尋常的用法,可進(jìn)一步討論中找到W3C CSS specification.
匹配子元素序號(hào)
必須為整數(shù),注意從1開(kāi)始而不是0
匹配所有偶數(shù)元素
匹配所有奇數(shù)元素
使用特殊公式如(an + b)進(jìn)行選擇. 例如:nth-of-type(3n+2) 從第二個(gè)具此標(biāo)簽元素開(kāi)始,匹配每個(gè)3的倍數(shù)的元素
查找每個(gè)span,這個(gè) span 是 其所有兄弟span元素中的第二個(gè)元素。
<div> <span>John</span> <b>Kim</b> <span>Adam</span> <b>Rafael</b> <span>Oleg</span> </div> <div> <b>Dave</b> <span>Ann</span> </div> <div> <i><span>Maurice</span></i> <span>Richard</span> <span>Ralph</span> <span>Jason</span> </div> $("span:nth-of-type(2)");