📅 最后修改于: 2023-12-03 15:16:47.401000 🧑 作者: Mango
在 jQuery 中，index() 方法返回元素在父元素中的位置，从 0 开始计数。这个方法常常用于查找元素的索引，或者确定它们在其他元素中的位置。
$(selector).index()
该方法不接受任何参数。
index() 方法返回指定元素在同级元素中的索引位置，如果没有符合条件的元素，则返回 -1。
以下是一个示例代码，展示如何使用 index() 方法：
<!DOCTYPE html>
<html>
<head>
<title>jQuery | index() 示例</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>橘子</li>
<li>葡萄</li>
</ul>
<script>
// 获取某个元素的索引位置
let index = $('li').eq(2).index();
console.log(index); // 输出 2
</script>
</body>
</html>
在上述示例代码中，我们首先定义了一个包含苹果、香蕉、橘子、葡萄等多个元素的列表，并通过 jQuery 选择器获取了第三个元素（橘子），然后使用 index() 方法获取它在同级元素中的索引位置。最后通过控制台输出这个索引值。
需要注意的是，由于 index() 方法是从 0 开始计数的，所以在本例中橘子的位置是 2，而不是我们通常所认为的第 3 个元素。