Jquery 获取元素位置序号的实例代码
发布时间:2015-11-28 编辑:jiaochengji.com
分享一例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>
<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
$("li").index($("#test1")) 取得的值为4
$("li").index($("#test2")) 取得的值为5
您可能感兴趣的文章:
Jquery 获取元素位置序号的实例代码
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
jquery获得页面元素的坐标值实现思路及代码
jquery获得页面元素坐标值实例分享
jquery sortable的拖动方法示例详解
JQuery 常用方法基础教程
jQuery 方法大全方便学习参考
jquery子元素过滤选择器使用示例
Jquery 选择器的用法介绍
JQuery元素获取方法汇总
[关闭]