如何检索jquery类选择器返回的第n项？

Question

如果我选择一个带有jquery选择器的类，如下所示：$(".listHeading")并且它从DOM返回m个元素，我如何通过选择器选出m个元素的第n个？我找到了这篇文章，但它不太正确，因为它说要调用.eq()会引发错误：jQuery nth item of id/class

Answer 1

只做

$(".listHeading")[n]

返回元素的顺序与它们在DOM中的外观顺序相同。

Answer 2

您可以使用以下代码获取第n个元素：

$(".listHeading").get(n-1);

小心，它不会返回一个jQuery对象。因此，如果您需要jQuery对象，请使用：

$($(".listHeading").get(n-1))

Answer 3

$(".listHeading").eq(n)

获取jquery对象或

$(".listHeading")[n]

获得一个dom元素。

Answer 4

要使用选择器选择元素，请使用:eq(n)选择器。它使用基于零的索引，例如，找到第四个元素：

var el = $(".listHeading:eq(3)");