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