当前位置:首页 > 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 开始,负数表示从末尾开始计数。

语法:

$(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())会传递索引参数给回调函数。

示例:

jquery 索引

$("li").each(function(index) {
  console.log("Index: " + index + ", Text: " + $(this).text());
});

注意事项

  • index() 方法返回的是基于 0 的索引,未找到元素时返回 -1。
  • eq():eq() 的索引支持负数,表示从末尾开始计数。
  • 使用遍历方法时,索引参数通常是回调函数的第一个参数。

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

相关文章

jquery怎么读

jquery怎么读

jQuery的发音 jQuery的正确发音为 "jay-query"(/ˈdʒeɪkwɪəri/)。其中: "jay" 发字母 "J" 的音(如英文单词 "jump" 的首音)。 "query"…

jquery手册

jquery手册

jQuery手册概览 jQuery是一个快速、简洁的JavaScript库,简化了HTML文档遍历、事件处理、动画和Ajax交互。以下是核心功能和常用方法的分类整理。 核心方法 $(selector…

jquery a

jquery a

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,用于简化 HTML 文档遍历、事件处理、动画和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够更…

jquery链接

jquery链接

以下是关于jQuery官方资源链接及相关信息的整理: jQuery官方网站 主站链接: https://jquery.com/ 提供最新版本下载、文档、API参考及插件生态。 jQuery CDN链…

jquery打印

jquery打印

jQuery 打印功能实现方法 使用jQuery实现打印功能可以通过多种方式完成,以下是几种常见的方法: 方法1:使用window.print()方法 直接调用浏览器的打印功能,适用于打印整个页面或…

jquery追加

jquery追加

jQuery 追加元素的方法 使用 jQuery 追加元素可以通过多种方式实现,主要包括 append()、prepend()、after()、before()、appendTo() 和 prepen…