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、FF浏览器的差别详细探讨
Apr 28 Javascript
js字符串截取函数substr substring slice使用对比
Nov 27 Javascript
js substring从右边获取指定长度字符串(示例代码)
Dec 23 Javascript
用原生JS获取CLASS对象(很简单实用)
Oct 15 Javascript
jQuery实现的类似淘宝网站搜索框样式代码分享
Aug 24 Javascript
用js读写cookie的简单方法(推荐)
Aug 08 Javascript
Ionic + Angular.js实现图片轮播的方法示例
May 21 Javascript
underscore之function_动力节点Java学院整理
Jul 11 Javascript
浅谈VUE单页应用首屏加载速度优化方案
Aug 28 Javascript
JS插件amCharts实现绘制柱形图默认显示数值功能示例
Nov 26 Javascript
微信小程序使用GoEasy实现websocket实时通讯
May 19 Javascript
vue代码分块和懒加载非必要资源文件
Apr 11 Vue.js
使用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
ThinkPHP3.1新特性之查询条件预处理简介
2014/06/19 PHP
解决ThinkPHP关闭调试模式时报错的问题汇总
2015/04/22 PHP
浅谈PHP封装CURL
2019/03/06 PHP
PHP设计模式(六)桥连模式Bridge实例详解【结构型】
2020/05/02 PHP
PHP+Redis事务解决高并发下商品超卖问题(推荐)
2020/08/03 PHP
PHP fopen中文文件名乱码问题解决方案
2020/10/28 PHP
jQuery结合PHP+MySQL实现二级联动下拉列表[实例]
2011/11/15 Javascript
JavaScript 中的日期和时间及表示标准介绍
2013/08/21 Javascript
jquery.ajax的url中传递中文乱码问题的解决方法
2014/02/07 Javascript
JavaScript基础知识学习笔记
2014/12/02 Javascript
深入理解jquery自定义动画animate()
2016/05/24 Javascript
JavaScript中如何使用cookie实现记住密码功能及cookie相关函数介绍
2016/11/10 Javascript
Vue 表单控件绑定的实现示例
2017/08/11 Javascript
NodeJs通过async/await处理异步的方法
2017/10/09 NodeJs
JS学习笔记之闭包小案例分析
2019/05/29 Javascript
原生JavaScript实现的无缝滚动功能详解
2020/01/17 Javascript
小程序实现密码输入框
2020/11/16 Javascript
Python的标准模块包json详解
2017/03/13 Python
Python基于回溯法子集树模板解决0-1背包问题实例
2017/09/02 Python
Python内置模块logging用法实例分析
2018/02/12 Python
Pandas实现数据类型转换的一些小技巧汇总
2018/05/07 Python
python实现超市管理系统(后台管理)
2019/10/25 Python
使用python从三个角度解决josephus问题的方法
2020/03/27 Python
python和C++共享内存传输图像的示例
2020/10/27 Python
详解rem 适配布局
2018/10/31 HTML / CSS
使用HTML5加载音频和视频的实现代码
2020/11/30 HTML / CSS
Feelunique澳大利亚:欧洲的化妆品零售电商
2019/12/18 全球购物
Juice Beauty官网:有机美容产品,护肤与化妆品
2020/06/13 全球购物
广播电视新闻学专业应届生求职信
2013/10/08 职场文书
经理秘书岗位职责
2013/11/14 职场文书
大学团支书的自我评价分享
2013/12/14 职场文书
物理研修随笔感言
2014/02/14 职场文书
私人房屋买卖协议书
2014/10/04 职场文书
给老婆的保证书怎么写
2015/05/08 职场文书
六一文艺汇演主持词
2015/06/30 职场文书
java设计模式--三种工厂模式详解
2021/07/21 Java/Android