关于jquery中index的用法
1、首先我们进行第一次实验将li加上class属性名
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
</script>
</head>
<body>
点击获取列表项的索引位置,相对于它的兄弟元素
<ul>
<li class="li_1">Coffee</li>
<li class="li_2">Milk</li>
<li class="li_3">Soda</li>
</ul>
</body>
</html>
2、然后我们分别用li_1,li_2,li_3来进行实验代码如下
第一次实验:
$("li_1").click(function(){alert($(".li_1").index());});
观察li_1的索引值为0
第二次实验:
$("li_2").click(function(){alert($(".li_2").index());});
观察li_2的索引值为1
第三次实验
$("li_3").click(function(){alert($(".li_3").index());});
观察li_3的索引值为2
实验代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$(".li_1").click(function(){
alert($(".li_1").index());
});
$(".li_2").click(function(){
alert($(".li_2").index());
});
$(".li_3").click(function(){
alert($(".li_3").index());
});
});
</script>
</head>
<body>
点击获取列表项的索引位置,相对于它的兄弟元素
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Soda</li>
</ul>
</body>
</html>
3、最后我们得到一个结论：index()所求索引值是相对于相对兄弟而言，这就好比你在你几个兄弟中排第几是一个道理，你不能从你父亲那一辈排，而是在你同辈中找