javascript - 从 jQuery 数组或元素的对象列表中选择第 N 个项目

Question

可能重复：
如何获取第 n 个 jQuery 元素
通过 jquery 中的索引获取元素

用于从数组中选择第N 个项目的方括号[]索引符号的 jQuery 等效项是什么？

假设您有 10 个段落，并且想要获取第 7 个段落的内容。使用方括号表示法有效，但如果您想继续使用 jQuery，则不行：

$("p")[6];        //returns DOM object: [object HTMLParagraphElement]
$("p")[6].html(); //returns error: (Chrome:) Uncaught TypeError: Object #<HTMLParagraphElement> has no method 'html' (Firefox:) TypeError: $("p")[6].html is not a function (IE8+:) TypeError: Object doesn't support this property or method (IE7:) [object Error]

（jsfiddle示例）

Answer 1

方括号 [n] 索引表示法有效，但您获得的是原生 Javascript DOM 对象，而不是 jQuery 可以使用的东西。使用 jQuery 的.eq()方法 或:eq()选择器来获取一个 jQuery 对象。

$("p").eq(6).html();
$("p:eq(6)").html();

（jsfiddle示例）