当前位置:首页 > jquery

jquery 索引

2026-03-02 18:07:12jquery

jQuery 索引方法

jQuery 提供了多种方法来获取元素在集合中的索引位置,以下是常用的索引操作方法:

index() 方法

index() 方法返回指定元素相对于其同级元素的索引位置。如果不传递参数,返回当前元素在其兄弟元素中的位置;如果传递选择器或 DOM 元素,返回该元素在匹配集合中的索引。

语法:

$(selector).index()
$(selector).index(element)

示例:

// 获取当前元素在兄弟元素中的索引
$("li").click(function() {
  alert($(this).index());
});

// 获取元素在特定集合中的索引
var index = $("#item").index("li");

eq() 方法

eq() 方法从匹配的集合中获取指定索引位置的元素。索引从 0 开始,负数表示从末尾开始计数。

jquery 索引

语法:

$(selector).eq(index)

示例:

// 获取第二个 li 元素
$("li").eq(1).css("color", "red");

// 获取倒数第一个 li 元素
$("li").eq(-1).css("font-weight", "bold");

:eq() 选择器

:eq() 选择器直接匹配指定索引位置的元素,与 eq() 方法功能类似,但作为选择器使用。

jquery 索引

语法:

$("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() 的索引支持负数,表示从末尾开始计数。
  • 使用遍历方法时,索引参数通常是回调函数的第一个参数。

标签: 索引jquery
分享给朋友:

相关文章

jquery属性

jquery属性

jQuery 属性操作 jQuery 提供了多种方法来操作 HTML 元素的属性。这些方法可以用于获取、设置、修改或删除元素的属性。 获取属性值 使用 attr() 方法可以获取指定属性的值。例如,…

jquery标签

jquery标签

jQuery 标签操作 jQuery 提供了多种方法来操作 HTML 标签(元素),包括创建、修改、删除和遍历等。以下是常用的 jQuery 标签操作方法: 选择标签 使用选择器获取 HTML 元素…

jquery 方法

jquery 方法

jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。以下是一些常用的 jQuery 方法及其用途: 选择器方法 $("selec…

jquery 字符串

jquery 字符串

jQuery 字符串操作 jQuery 提供了多种方法来处理字符串,尽管原生 JavaScript 已经具备强大的字符串处理能力,但结合 jQuery 可以更方便地操作 DOM 元素中的字符串内容。…

jquery函数

jquery函数

jQuery 函数概述 jQuery 是一个快速、简洁的 JavaScript 库,通过封装原生 JavaScript 功能,简化 DOM 操作、事件处理、动画和 AJAX 等任务。其核心函数 $()…

jquery菜单

jquery菜单

以下是关于使用jQuery创建交互式菜单的几种常见方法及实现示例: 基础下拉菜单实现 通过jQuery的slideToggle和toggleClass实现简单下拉效果: $('.menu-item…