关于jquery中index的用法

关于jquery中index的用法

最近项目经常用到许多index用法，找一些资料，都写太专业了，还是不太了解，所以我后来采用实验的方法终于理解它的用法，它最难理解不是它代表索引值，而是相对于兄弟元素的这一说法

首先我们进行第一次实验将li加上class属性名

总扯腊

点击获取列表项的索引位置,相对于它的兄弟元素

• Coffee
• Milk
• Soda

然后我们分别用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

实验代码:

点击获取列表项的索引位置,相对于它的兄弟元素

• Coffee
• Milk
• Soda

最后我们得到一个结论：index()所求索引值是相对于相对兄弟而言，这就好比你在你几个兄弟中排第几是一个道理，你不能从你父亲那一辈排，贪彩而是在你同辈中找