jQuery | :nth-child() 选择器

在 jQuery 中，:nth-child() 选择器是用于选择父元素下的第 N 个子元素的。

该选择器的语法为：parentElement :nth-child(n)

其中，parentElement 表示要选择的父元素，n 表示要选择的子元素的索引值。

例如，要选择第 3 个子元素，可使用 :nth-child(3)。

需要注意的是，:nth-child() 选择器中的索引值从 1 开始算起，而不是从 0 开始。

下面是一个示例：

<ul>
  <li>第一个</li>
  <li>第二个</li>
  <li>第三个</li>
  <li>第四个</li>
  <li>第五个</li>
</ul>

要选择其中的第 3 个子元素 <li>第三个</li>，可使用下面的代码：

$("ul li:nth-child(3)")

注意，如果要选取多个子元素，可以使用 :nth-child() 选择器的多个参数形式，例如：

$("ul li:nth-child(3n+1)")

该代码将选取索引为 1、4、7、10 等的子元素。

因此，:nth-child() 选择器非常适合在具有规律的结构中选择子元素。

参考链接

• jQuery - :nth-child() Selector