jQuery index() 方法
实例
获取单击的 <li> 元素相对于其同级的索引:
<!DOCTYPE html>
<html>
<head>
<script src="https://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("li").click(function(){
alert($(this).index());
});
});
</script>
</head>
<body>
<p>单击列表项以获取相对于其同级元素的索引位置</p>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>
定义与用法
index()
方法返回指定元素相对于其他指定元素的索引位置。
这些元素可以由 jQuery 选择器或 DOM 元素指定。
注意:如果找不到元素,index()
将返回 -1。
第一个匹配元素相对于同级元素的索引
获取第一个匹配的选定元素相对于其同级元素的索引位置。
语法
$(selector).index()
相对于选择器的元素索引
获取元素相对于选择器的索引位置。
可以使用 DOM 元素或 jQuery 选择器指定该元素。
语法
$(selector).index(element)
参数 | 描述 |
---|---|
element | 可选。指定要获取其索引位置的元素。可以是 DOM 元素或 jQuery 选择器 |