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><p>点击获取列表项的索引位置,相对于它的兄弟元素</p><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来进行实验代码如下第一次实验:$(&孥恶膈茯quot;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><p>点击获取列表项的索引位置,相对于它的兄弟元素</p><ul><li>Coffee</li><li>Milk</li><li>Soda</li></ul></body></html>
3、最后我们得到一个结论：index()所求索引值是相对于相对兄弟而言，这就好比你在你几个兄弟中排第几是一个道理，你不能从你父亲那一辈排，而是在你同辈中找