Jquery index()方法 获取相应元素索引值


Posted in Javascript onOctober 12, 2012

index([subject])方法,返回值:Number(从0开始计数)
index()方法返回指定元素相对于其他指定元素的 index 位置。注释:如果未找到元素,index() 将返回 -1。

<html> 
<head> 
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.4.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("button").click(function(){ 
alert($(".hot").index($("#favorite"))); 
}); 
}); 
</script> 
</head> 
<body> 
请点击下面的按钮,以获得 id="favorite" 的元素相对于 jQuery 选择器 (class="hot") 的 index: 
<button>获得 index</button> 
<ul> 
<li>Milk</li> 
<li class="hot">Tea</li> 
<li class="hot" id="favorite">Coffee</li> 
</ul> 
</body> 
</html>
Javascript 相关文章推荐
理解Javascript_08_函数对象
Oct 15 Javascript
js constructor的实际作用分析
Nov 15 Javascript
获得所有表单值的JQuery实现代码[IE暂不支持]
May 24 Javascript
jquery 面包屑导航 具体实现
Jun 05 Javascript
Ext修改GridPanel数据和字体颜色、css属性等
Jun 13 Javascript
浅谈JavaScript中的Math.atan()方法的使用
Jun 14 Javascript
JS实现的3D拖拽翻页效果代码
Oct 31 Javascript
15个非常实用的JavaScript代码片段
Dec 18 Javascript
vue之nextTick全面解析
May 17 Javascript
原生JS实现的放大镜特效示例【测试可用】
Dec 08 Javascript
Easyui 去除jquery-easui tab页div自带滚动条的方法
May 10 jQuery
Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结
May 28 Javascript
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
Oct 12 #Javascript
利用谷歌地图API获取点与点的距离的js代码
Oct 11 #Javascript
关于JS控制代码暂停的实现方法分享
Oct 11 #Javascript
JS判断页面加载状态以及添加遮罩和缓冲动画的代码
Oct 11 #Javascript
js函数的延迟加载实现代码
Oct 11 #Javascript
javascript中方便增删改cookie的一个类
Oct 11 #Javascript
js事件(Event)知识整理
Oct 11 #Javascript
You might like
PHP检测移动设备类mobile detection使用实例
2014/04/14 PHP
PHP程序员常见的40个陋习,你中了几个?
2014/11/20 PHP
Laravel-admin之修改操作日志的方法
2019/09/30 PHP
javascript Excel操作知识点
2009/04/24 Javascript
添加JavaScript重载函数的辅助方法2
2010/07/04 Javascript
JavaScript isArray()函数判断对象类型的种种方法
2010/10/11 Javascript
Javascript中实现trim()函数的两种方法
2015/02/04 Javascript
不同编码的页面表单数据乱码问题解决方法
2015/02/15 Javascript
jQuery插件boxScroll实现图片轮播特效
2015/07/14 Javascript
教你如何终止JQUERY的$.AJAX请求
2016/02/23 Javascript
JavaScript从0开始构思表情插件
2016/07/26 Javascript
浅谈JavaScript中变量和函数声明的提升
2016/08/09 Javascript
详解Node.js中的Async和Await函数
2018/02/22 Javascript
JS实现移动端触屏拖拽功能
2018/07/31 Javascript
创建nuxt.js项目流程图解
2020/03/13 Javascript
解决vue项目中某一页面不想引用公共组件app.vue的问题
2020/08/14 Javascript
JavaScript实现点击图片换背景
2020/11/20 Javascript
[00:59]PWL开团时刻DAY7——我在赶
2020/11/06 DOTA
Flask框架学习笔记(一)安装篇(windows安装与centos安装)
2014/06/25 Python
python定时执行指定函数的方法
2015/05/27 Python
一个基于flask的web应用诞生 flask和mysql相连(4)
2017/04/11 Python
详解用TensorFlow实现逻辑回归算法
2018/05/02 Python
python ftp 按目录结构上传下载的实现代码
2018/09/12 Python
python实现五子棋小程序
2019/06/18 Python
Python实现遗传算法(二进制编码)求函数最优值方式
2020/02/11 Python
python多线程实现同时执行两个while循环的操作
2020/05/02 Python
Python 为什么推荐蛇形命名法原因浅析
2020/06/18 Python
贝佳斯官方网站:Borghese
2020/05/08 全球购物
《找不到快乐的波斯猫》教学反思
2014/02/24 职场文书
校园环保建议书
2014/05/14 职场文书
2014年大学生党员评议表自我评价
2014/09/20 职场文书
2014年教育工作总结
2014/11/26 职场文书
员工考勤管理制度
2015/08/06 职场文书
MySQL中varchar和char类型的区别
2021/11/17 MySQL
详解nginx安装过程并代理下载服务器文件
2022/02/12 Servers
Grafana可视化监控系统结合SpringBoot使用
2022/04/19 Redis