jquery获取当前元素索引值index()方法
在jQuery中，index()方法用于获取匹配元素集合中每个元素相对于其同级元素的索引值。这个索引值从0开始，所以第一个元素的索引值是0，第二个元素的索引值是1，以此类推。
index()方法可以不传递任何参数，此时它将返回元素在其同辈元素中的索引值。如果传递了一个选择器或元素作为参数，index()将返回元素在指定集合中的索引值。
以下是使用index()方法的示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery index() Method Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function(){
$("li").click(function(){
var index = $(this).index();
alert("当前元素的索引值是: " + index);
});
});
</script>
</head>
<body>
<ul>
<li>列表项 1</li>
<li>列表项 2</li>
<li>列表项 3</li>
<li>列表项 4</li>
</ul>
</body>
</html>在这个例子中，当用户点击列表中的任何一个<li>元素时，会弹出一个警告框显示该元素的索引值。
评论已关闭