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实现 上升、下降、删除、添加一行代码的实现方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-03-03
jquery+html5时钟特效代码分享（可设置闹钟并且语音提醒）
这篇文章主要为大家详细介绍了Jquery+html5可设置闹钟并且会语音提醒的时钟特效，功能实现非常简单，推荐给大家，有需要的小伙伴可以参考下2015-08-08
Javascript中封装window.open解决不兼容问题
window.open不兼容,其实不是, 因为不能直接执行, 必须通过用户手动触发才行，下面有个实例，大家可以看看2014-09-09
这个方法是一个将DataTable转换成字符串的方法 。2011-01-01
这篇文章主要介绍了jQuery实现的滑块滑动导航效果,涉及jQuery事件响应及页面元素动态操作相关实现技巧,需要的朋友可以参考下2018-06-06
这篇文章主要为大家详细介绍了jQuery实现表格隔行换色，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-09-09
这篇文章主要介绍了jQuery源码解读之addClass()方法,注释形式较为详细的分析了addClass()方法的实现技巧与相关注意事项,具有一定参考借鉴价值,需要的朋友可以参考下2015-02-02
实现锚点链接之间的平滑滚动的方法有很多，在接下来的文章中为大家介绍下，jquery是如何实现的，感兴趣的朋友不要错过2013-12-12
本篇文章主要是对jquery遍历checkbox的注意事项进行了说明介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
基于Jquery+div+css实现弹出登录窗口(代码超简单)
这篇文章给大家介绍基于jquery div css三者相结合实现弹出登录窗口，实现大致思路是这样的：通过dispaly：none属性先隐藏在显示，感兴趣的朋友一起看看代码实现过程吧2015-10-10
最新评论