jQuery中index()的用法分析
更新时间：2014年09月05日 14:42:26 投稿：shichen2014
这篇文章主要介绍了jQuery中index()的用法分析,针对API示例进行分析,给出了改进方法的实例,需要的朋友可以参考下
本文实例讲解了jQuery中index()的用法。分享给大家供大家参考之用。具体方法如下：
现在有这样一个问题：如果列表里面有N多的列表项目，我想知道我点击了哪一个应该怎么取呢？
对此，jQuery里面提供了一个index()方法 ：
index(subject)
该方法搜索与参数表示的对象匹配的元素，并返回相应元素的索引值。
如果找到了匹配的元素，从0开始返回；如果没有找到匹配的元素，返回-1。
但是 API里面提供的例子貌似不对，示例如下：
<ul> <li><a href="#nogo">这里是一个序列</a></li> <li><a href="#nogo">这里是一个序列</a></li> <li><a href="#nogo">这里是一个序列</a></li> <li><a href="#nogo">这里是一个序列</a></li> <li><a href="#nogo">这里是一个序列</a></li> <li><a href="#nogo">这里是一个序列</a></li> </ul>
如上所示，这是一个无序列表 我要点击任意一个列表项目 要求得到该项目的序列 该怎么样呢？
实现方法如下：
$(document).ready(function(){
$("#act li").click(function(){
alert( $( "#act li" ).index( $(this)[0] ) );
})
})
这里的：
$( "#act li" ).index( $(this)[0] )
非常重要！
相关文章
这篇文章主要介绍了jquery+css3实现会动的小圆圈效果,涉及jquery基于时间函数动态操作页面元素css3样式的相关技巧,需要的朋友可以参考下2016-01-01
jQuery的数组处理、便捷、功能齐全。一步到位的封装了很多原生JavaScript数组不能企及的功能。下面是jquery数组的使用详解,需要的朋友可以参考下2014-03-03
下面小编就为大家带来一篇jquery实现上传文件大小类型的验证例子(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随想过来看看吧2016-06-06
因为我们无法通过任何方法获取整个页面的大小和当前加载了多少，所以想制作一个加载进度条的唯一办法就是模拟。那要怎么模拟呢2011-12-12
效果类似这种，自动播放，实质控制层的显示隐藏。需要的朋友可以参考下。2011-12-12
这篇文章主要介绍了jquery搜索框效果实现方法,分析了jquery搜索框效果的实现技巧及注意事项,具有一定参考借鉴价值,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jQuery实现图片上传预览效果功能,结合完整实例形式分析了jQuery处理图片上传预览相关事件响应、浏览器判断、图片及页面元素动态操作相关实现技巧,需要的朋友可以参考下2018-05-05
这篇文章主要介绍了jQuery 查找元素操作,结合实例形式总结分析了jQuery针对页面元素的各种常见查找操作实现方法,需要的朋友可以参考下2019-10-10
这篇文章主要介绍了jQuery实现“扫码阅读”功能方法的相关资料,需要的朋友可以参考下2015-01-01
3D旋转效果展示分享按钮，具有动画效果。WordPress的tab云好像也有这种效果。2010-11-11
最新评论