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

Select the Nth item from a jQuery array or object list of elements

本文关键字：选择 项目 列表 对象 数组 jQuery 元素      更新时间：2024-02-26

可能重复：
如何获取第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示例）

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

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

（jsfiddle示例）

相关文章：