首頁  >  選擇器  > :nth-of-type

返回值:jQuery :nth-of-type(n|even|odd|formula)

V1.9 概述

選擇同屬於一個父元素之下,並且標籤名相同的子元素中的第n個。

因為jQuery的實現:nth-是嚴格來自CSS規範,n值是“1-indexed”,也就是說,從1開始計數。對於所有其他選擇器表達式比如:eq() 或 :even ,jQuery遵循JavaScript的“0索引”的計數。

這個不尋常的用法,可進一步討論中找到 W3C CSS specification .

參數

n V1.9

匹配子元素序號

必須為整數,注意從1開始而不是0

even V1.9

匹配所有偶數元素

odd V1.9

匹配所有奇數元素

formula V1.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)");