Jquery 获取元素位置序号的实例代码

发布时间:2019-09-29编辑:脚本学堂
分享一例jquery取得元素所在位置序号的代码,学习下jquery index方法的用法,有需要的朋友参考下。

1,页面内容部分,准备jquery操作需要的元素。
 

复制代码 代码示例:
<ul >
 <li>John</li>
 <li >Karl</li>
 <li>Brandon</li>
</ul>
<ul id="getfirst" >
  <li id="test0">John</li>
  <li id="test1">Karl</li>
  <li id="test2">Brandon</li>
</ul>

2,jquery获取元素所在位置的序号
 

复制代码 代码示例:
$("#getfirst").find("li").index($("#test0")) 取的的值为0
$("li").index($("#test1")) 取得的值为4
$("li").index($("#test2")) 取得的值为5