jQuery中index()的用法分析


Posted in Javascript onSeptember 05, 2014

本文实例讲解了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] )

非常重要!

Javascript 相关文章推荐
jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
Aug 28 Javascript
JavaScript自动设置IFrame高度的小例子
Jun 08 Javascript
JavaScript包装对象使用介绍
Aug 29 Javascript
浅谈Javascript中的Function与Object
Jan 26 Javascript
javascript中基本类型和引用类型的区别分析
May 12 Javascript
jquery根据td给相同tr下其他td赋值的实现方法
Oct 05 Javascript
创建简单的node服务器实例(分享)
Jun 23 Javascript
深入理解Angular中的依赖注入
Jun 26 Javascript
最适应的vue.js的form提交涉及多种插件【推荐】
Aug 27 Javascript
js实现多个倒计时并行 js拼团倒计时
Feb 25 Javascript
从零搭一个自用的前端脚手架的方法步骤
Sep 23 Javascript
Node.js API详解之 assert模块用法实例分析
May 26 Javascript
使用jquery解析XML的方法
Sep 05 #Javascript
JavaScript避免内存泄露及内存管理技巧
Sep 05 #Javascript
javascript获取dom的下一个节点方法
Sep 05 #Javascript
原生JavaScript生成GUID的实现示例
Sep 05 #Javascript
javascript动态控制服务器控件实例
Sep 05 #Javascript
setTimeout()递归调用不加引号出错的解决方法
Sep 05 #Javascript
jQuery动态创建html元素的常用方法汇总
Sep 05 #Javascript
You might like
采用PHP函数memory_get_usage获取PHP内存清耗量的方法
2011/12/06 PHP
解析php时间戳与日期的转换
2013/06/06 PHP
PHP小技巧之函数重载
2014/06/02 PHP
PHP反射学习入门示例
2019/06/14 PHP
jQuery ui插件的使用方法代码实例
2013/05/08 Javascript
在JavaScript里防止事件函数高频触发和高频调用的方法
2014/09/06 Javascript
JQuery点击事件回到页面顶部效果的实现代码
2016/05/24 Javascript
jQuery Ajax和getJSON获取后台普通json数据和层级json数据用法分析
2016/06/08 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
2016/12/02 Javascript
javascript十六进制数字和ASCII字符之间的转换方法
2016/12/27 Javascript
树结构之JavaScript
2017/01/24 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
2017/03/09 Javascript
js移动端图片压缩上传功能
2020/08/18 Javascript
浅谈Node.js爬虫之网页请求模块
2018/01/11 Javascript
原生js实现Flappy Bird小游戏
2018/12/24 Javascript
JS 封装父页面子页面交互接口的实例代码
2019/06/25 Javascript
JavaScript监听触摸事件代码实例
2019/12/30 Javascript
[01:12]快闪回顾DOTA2亚洲邀请赛(DAC) 静候2018新征程开启
2018/03/11 DOTA
Python装饰器decorator用法实例
2014/11/10 Python
python使用PyGame绘制图像并保存为图片文件的方法
2015/04/24 Python
利用python实现数据分析
2017/01/11 Python
使用Python实现windows下的抓包与解析
2018/01/15 Python
从请求到响应过程中django都做了哪些处理
2018/08/01 Python
python基于paramiko将文件上传到服务器代码实现
2019/07/08 Python
Python generator生成器和yield表达式详解
2019/08/08 Python
公认8个效率最高的爬虫框架
2020/07/28 Python
西部世纪.net笔试题面试题
2014/04/03 面试题
作弊检讨书1000字
2014/02/01 职场文书
大学班级文化建设方案
2014/05/06 职场文书
关于迟到的检讨书
2015/05/06 职场文书
暑期家教宣传单
2015/07/14 职场文书
python制作图形界面的2048游戏, 基于tkinter
2021/04/06 Python
CSS 伪元素::marker详解
2021/06/26 HTML / CSS
【2·13】一图读懂中国无线电发展
2022/02/18 无线电
Python学习之异常中的finally使用详解
2022/03/16 Python
pycharm安装深度学习pytorch的d2l包失败问题解决
2022/03/25 Python