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

V1.9jQuery :nth-of-type 選擇器概述

選擇同屬于一個(gè)父元素之下，并且標(biāo)簽名相同的子元素中的第n個(gè)。

因?yàn)閖Query的實(shí)現(xiàn):nth-是嚴(yán)格來自CSS規(guī)范，n值是“1-indexed”，也就是說，從1開始計(jì)數(shù)。對(duì)于所有其他選擇器表達(dá)式比如:eq()?或?:even?，jQuery遵循JavaScript的“0索引”的計(jì)數(shù)。

這個(gè)不尋常的用法，可進(jìn)一步討論中找到W3C CSS specification.

參數(shù)

nV1.9

匹配子元素序號(hào)

必須為整數(shù)，注意從1開始而不是0

evenV1.9

匹配所有偶數(shù)元素

oddV1.9

匹配所有奇數(shù)元素

formulaV1.9

使用特殊公式如(an?+?b)進(jìn)行選擇. 例如:nth-of-type(3n+2) 從第二個(gè)具此標(biāo)簽元素開始，匹配每個(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)");