在前端开发中，我们经常需要对DOM元素进行操作。而JQuery是一个非常流行的JavaScript库，它提供了一系列方便的方法来操作和修改DOM元素。其中一个非常有用的方法就是index()。
index()方法介绍
index()方法可以获取匹配元素在同级元素中的位置索引。这个位置索引是从0开始计数的。如果没有匹配到元素，则返回-1。
index()方法有两种用法：
$(selector).index(); // 获取当前元素在同级元素中的位置索引 $(selector).index(filter); // 获取当前符合filter条件的元素在同级元素中的位置索引
用法示例
下面是一个简单的HTML页面，其中包含了三个div元素：
<div id="container"> <div class="item">Item 1</div> <div class="item">Item 2</div> <div class="item">Item 3</div> </div>
假设我们想要获取第二个div元素的位置索引，可以使用以下代码：
var index = $(".item").eq(1).index();
console.log(index); // 输出1上面的代码中，我们首先使用eq()方法选择第二个div元素，然后再使用index()方法获取其位置索引。
除了传递一个选择器之外，我们还可以传递一个过滤器来获取满足特定条件的元素位置索引。例如，如果我们只想获取class为"item"的元素在同级元素中的位置索引，可以使用以下代码：
var index = $(".item").index(".item");
console.log(index); // 输出0, 1, 2上面的代码中，我们将".item"作为过滤器传递给了index()方法，这样就只返回class为"item"的元素在同级元素中的位置索引。
指导意义
使用index()方法可以很方便地获得DOM元素在同级元素中的位置索引，这对于一些需要对DOM元素进行定位和操作的场景非常有帮助。此外，熟练掌握jQuery的各种方法也是前端开发者必不可少的能力之一。
总之，学习并掌握index()方法能够提高我们的开发效率，让我们更加轻松地操作DOM元素。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/3032