jQuery | eq() 与示例

在 jQuery 中，eq() 是一个很有用的方法，它可以帮助我们选择集合中的指定元素。

语法

eq() 方法的语法如下：

$(selector).eq(index)

参数说明：

• selector: 要筛选的元素集合
• index: 要选取的元素的索引值，从0开始计数，如果是负数，则从末尾向前计数，例如 -1 表示末尾的元素。

返回值

eq() 方法返回一个被选元素的集合，如果指定索引值的元素不存在，则返回一个空的 jQuery 集合对象。

示例

假设我们有一个 HTML 页面，其中包括一个列表：

<ul>
  <li>苹果</li>
  <li>香蕉</li>
  <li>橘子</li>
</ul>

我们可以使用 jQuery 来选择列表中的元素：

$("ul li")

这段代码表示选择了 ul 元素下的所有 li 元素。接下来，我们可以使用 eq() 方法来获取特定的元素。例如，获取列表中的第二个元素（索引值为 1）：

$("ul li").eq(1)

这段代码返回了第二个 li 元素（即 香蕉），通过控制台输出可以看到结果：

<li>香蕉</li>

还可以使用负数索引值来获取倒数第二个元素：

$("ul li").eq(-2)

这段代码返回了倒数第二个 li 元素（即 香蕉），通过控制台输出可以看到结果：

<li>香蕉</li>

需要注意的是，如果指定的索引值超出了集合的范围，则 eq() 方法将会返回空的 jQuery 集合对象。例如，获取列表中不存在的第四个元素：

$("ul li").eq(3) // 返回空的jQuery对象

总结

eq() 方法可以帮助我们快速选择元素集合中的指定元素。在项目中使用时，需要注意索引值是否超出范围，以免引起不必要的错误。