如何获得第n个jQuery元素

Question

在jQuery中，$("...").get(3)返回第3个DOM元素。返回第3个jQuery元素的函数是什么？

Answer 1

为什么不首先浏览（短）选择器页面？

这是：:eq()运营商。它就像使用一样get()，但它返回jQuery对象。

或者你也可以使用.eq()功能。

Answer 2

您可以使用：eq选择器，例如：

$("td:eq(2)").css("color", "red"); // gets the third td element

或者eq（int）函数：

$("td").eq(2).css("color", "red");

另外，请记住索引是从零开始的。

Answer 3

如果您可以控制构建jQuery对象的查询，请使用 :eq()

$("div:eq(2)")

如果你无法控制它（例如，它是从另一个函数或其他东西传递），那么使用 .eq()

var $thirdElement = $jqObj.eq(2);

或者如果你想要它们的一部分（比如第三，第四和第五个元素），请使用 .slice()

var $third4th5thElements = $jqObj.slice(2, 5);