jQuery 获取第二个孩子 - JavaScript

在使用 jQuery 操作 DOM 时，有时候需要获取某个元素的某个子元素。本文将介绍如何使用 jQuery 获取某个元素的第二个孩子。

假设我们有如下 HTML 代码：

<div id="parent">
  <p>第一个孩子</p>
  <p>第二个孩子</p>
  <p>第三个孩子</p>
</div>

我们想要获取父元素 #parent 的第二个孩子 p 元素。可以使用 .eq() 方法，该方法可用于从 jQuery 对象中选择一个指定索引位置的元素。

如下所示的代码，将会选中 #parent 的第二个孩子 p 元素，并添加一个类名：

var secondChild = $('#parent').children().eq(1);
secondChild.addClass('highlight');

以上代码中，.eq(1) 方法选择的是第二个孩子，而不是第一个孩子，是因为索引从 0 开始计数。

返回的 Markdown 格式如下：

# jQuery 获取第二个孩子 - JavaScript

在使用 jQuery 操作 DOM 时，有时候需要获取某个元素的某个子元素。本文将介绍如何使用 jQuery 获取某个元素的第二个孩子。

假设我们有如下 HTML 代码：

```html
<div id="parent">
  <p>第一个孩子</p>
  <p>第二个孩子</p>
  <p>第三个孩子</p>
</div>

我们想要获取父元素 #parent 的第二个孩子 p 元素。可以使用 .eq() 方法，该方法可用于从 jQuery 对象中选择一个指定索引位置的元素。

如下所示的代码，将会选中 #parent 的第二个孩子 p 元素，并添加一个类名：

var secondChild = $('#parent').children().eq(1);
secondChild.addClass('highlight');

以上代码中，.eq(1) 方法选择的是第二个孩子，而不是第一个孩子，是因为索引从 0 开始计数。