:nth-of-type() | jQuery API

2014-12-14　次

标签子元素

返回值: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.

参数

nV1.9

The index of each child to match.

Must be a number. The first element has the index number 1.

evenV1.9

Selects each even child element

oddV1.9

Selects each odd child element

formulaV1.9

Specifies which child element(s) to be selected with a formula (an + b). Example: p:nth-last-child(3n+2) selects each 3rd paragraph, starting at the last 2nd child

示例

查找每个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)");