返回值:jQuery:nth-of-type(n|even|odd|formula)
V1.9jQuery :nth-of-type 選擇器概述
選擇同屬于一個(gè)父元素之下,并且標簽名相同的子元素中的第n個(gè)。
因為jQuery的實(shí)現:nth-是嚴格來(lái)自CSS規范,n值是“1-indexed”,也就是說(shuō),從1開(kāi)始計數。對于所有其他選擇器表達式比如:eq()?或?:even?,jQuery遵循JavaScript的“0索引”的計數。
這個(gè)不尋常的用法,可進(jìn)一步討論中找到W3C CSS specification.
參數
nV1.9
匹配子元素序號
必須為整數,注意從1開(kāi)始而不是0
evenV1.9
匹配所有偶數元素
oddV1.9
匹配所有奇數元素
formulaV1.9
使用特殊公式如(an?+?b)進(jìn)行選擇. 例如:nth-of-type(3n+2) 從第二個(gè)具此標簽元素開(kāi)始,匹配每個(gè)3的倍數的元素
示例
查找每個(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)");