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判断单选框或复选框是否选中方法集锦
Apr 04 Javascript
javascript replace()正则替换实现代码
Feb 26 Javascript
超简单的jquery的AJAX用法
May 10 Javascript
不提示直接关闭网页窗口的JS示例代码
Dec 17 Javascript
实例详解JSON数据格式及json格式数据域字符串相互转换
Jan 07 Javascript
jQuery窗口拖动功能的实现代码
Feb 04 Javascript
微信小程序 下拉菜单的实现
Apr 06 Javascript
JavaScript之DOM_动力节点Java学院整理
Jul 03 Javascript
用vue-cli开发vue时的代理设置方法
Sep 20 Javascript
Vue自定义组件的四种方式示例详解
Feb 28 Javascript
游戏开发中如何使用CocosCreator进行音效处理
Apr 14 Javascript
vue实现列表垂直无缝滚动
Apr 08 Vue.js
分享一道笔试题[有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
脚本吧 - 幻宇工作室用到js,超强推荐share.js
2006/12/23 Javascript
js单向链表的具体实现实例
2013/06/21 Javascript
js判断url是否有效的两种方法
2014/03/04 Javascript
Javascript实现简单的富文本编辑器附演示
2014/06/16 Javascript
angularjs创建弹出框实现拖动效果
2020/08/25 Javascript
浅谈js和css内联外联注意事项
2016/06/30 Javascript
Node.js 异步异常的处理与domain模块解析
2017/05/10 Javascript
AngularJS中ng-class用法实例分析
2017/07/06 Javascript
原生js获取left值和top值的三种方法
2017/08/02 Javascript
JS实现多物体运动的方法详解
2018/01/23 Javascript
vue2.5.2使用http请求获取静态json数据的实例代码
2018/02/27 Javascript
javascript数据类型中的一些小知识点(推荐)
2019/04/18 Javascript
搭建一个Koa后端项目脚手架的方法步骤
2019/05/30 Javascript
详解微信小程序开发(项目从零开始)
2019/06/06 Javascript
Vue与React的区别和优势对比
2020/12/18 Vue.js
分享一个常用的Python模拟登陆类
2015/03/29 Python
python简单实现基数排序算法
2015/05/16 Python
tensorflow 恢复指定层与不同层指定不同学习率的方法
2018/07/26 Python
Python从Excel中读取日期一列的方法
2018/11/28 Python
Python实例方法、类方法、静态方法的区别与作用详解
2019/03/25 Python
python web框架中实现原生分页
2019/09/08 Python
Python的形参和实参使用方式
2019/12/24 Python
详解pandas中iloc, loc和ix的区别和联系
2020/03/09 Python
使用PyQt5实现图片查看器的示例代码
2020/04/21 Python
Square Off美国/加拿大:世界上最聪明的国际象棋棋盘
2018/12/06 全球购物
一个精品风格的世界:Atterley
2019/05/01 全球购物
Final类有什么特点
2012/04/25 面试题
采购经理岗位职责
2014/02/16 职场文书
小学生操行评语
2014/04/22 职场文书
社区党的群众路线教育实践活动剖析材料
2014/10/09 职场文书
篮球友谊赛通讯稿
2014/10/10 职场文书
工作失误检讨书
2015/01/26 职场文书
工作简历自我评价
2015/03/11 职场文书
队名及霸气口号大全
2015/12/25 职场文书
基于HTML十秒做出淘宝页面
2021/10/24 HTML / CSS
Python使用pandas导入xlsx格式的excel文件内容操作代码
2022/12/24 Python