jQuery index() 方法

定义和用法

index() 方法返回指定元素相对于其他指定元素的 index 位置。

这些元素可通过 jQuery 选择器或 DOM 元素来指定。

注意：如果未找到元素，index() 将返回 -1。

语法

获得第一个匹配元素相对于其同级元素的 index 位置。

$(selector).index()

获得元素相对于选择器的 index 位置。

该元素可以通过 DOM 元素或 jQuery 选择器来指定。

$(selector).index(element)

参数

参数	必需的	描述
element	否	规定要获得 index 位置的元素。可以是 DOM 元素或 jQuery 选择器。

实例

下例演示了获得被点击的 <li> 元素相对于它的同级元素的 index：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到蝴蝶教程</title>
//此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script>
   $(document).ready(function () {
      $("li").click(function(){
           alert($(this).index());
      });
   });
</script>
</head>
<body>
   <p>点击获取列表项的索引位置,相对于它的兄弟元素</p>
   <ul>
      <li>javascript</li>
      <li>jquery</li>
      <li>vue</li>
   </ul>
</body>
</html>

尝试一下

定义和用法

语法

参数

实例

相关页面