jquery 索引
jQuery 索引方法
jQuery 提供了多种方法来获取元素在集合中的索引位置,以下是常用的索引操作方法:
index() 方法
index() 方法返回指定元素相对于其同级元素的索引位置。如果不传递参数,返回当前元素在其兄弟元素中的位置;如果传递选择器或 DOM 元素,返回该元素在匹配集合中的索引。
语法:
$(selector).index()
$(selector).index(element)
示例:
// 获取当前元素在兄弟元素中的索引
$("li").click(function() {
alert($(this).index());
});
// 获取元素在特定集合中的索引
var index = $("#item").index("li");
eq() 方法
eq() 方法从匹配的集合中获取指定索引位置的元素。索引从 0 开始,负数表示从末尾开始计数。
语法:
$(selector).eq(index)
示例:
// 获取第二个 li 元素
$("li").eq(1).css("color", "red");
// 获取倒数第一个 li 元素
$("li").eq(-1).css("font-weight", "bold");
:eq() 选择器
:eq() 选择器直接匹配指定索引位置的元素,与 eq() 方法功能类似,但作为选择器使用。
语法:
$("selector:eq(index)")
示例:
// 选中第二个 li 元素
$("li:eq(1)").addClass("highlight");
遍历方法中的索引
jQuery 的遍历方法(如 each())会传递索引参数给回调函数。
示例:
$("li").each(function(index) {
console.log("Index: " + index + ", Text: " + $(this).text());
});
注意事项
index()方法返回的是基于 0 的索引,未找到元素时返回 -1。eq()和:eq()的索引支持负数,表示从末尾开始计数。- 使用遍历方法时,索引参数通常是回调函数的第一个参数。







