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 相关文章推荐
js实现图片在未加载完成前显示加载中字样
Sep 03 Javascript
JS+CSS简单树形菜单实现方法
Sep 12 Javascript
如何用angularjs制作一个完整的表格
Jan 21 Javascript
基于HTML5上使用iScroll实现下拉刷新,上拉加载更多
May 21 Javascript
AngularJS 与百度地图的结合实例
Oct 20 Javascript
js学习总结之DOM2兼容处理this问题的解决方法
Jul 27 Javascript
React中使用collections时key的重要性详解
Aug 07 Javascript
Angular 2.0+ 的数据绑定的实现示例
Aug 09 Javascript
手机注册发送验证码倒计时的简单实例
Nov 15 Javascript
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
Jul 30 Javascript
vue同步父子组件和异步父子组件的生命周期顺序问题
Oct 07 Javascript
用Vue编写抽象组件的方法
May 06 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中存储用户ID和密码到mysql数据库的方法
2013/02/06 PHP
ThinkPHP 3.2.3实现加减乘除图片验证码
2018/12/05 PHP
Laravel框架Eloquent ORM修改数据操作示例
2019/12/03 PHP
动态加载js文件 document.createElement
2006/10/14 Javascript
Prototype使用指南之form.js
2007/01/10 Javascript
最新优化收藏到网摘代码(digg,diigo)
2007/02/07 Javascript
Jquery动态添加输入框的方法
2015/05/29 Javascript
javascript背景时钟实现方法
2015/06/18 Javascript
AngularJS基础 ng-cloak 指令简单示例
2016/08/01 Javascript
JS原生数据双向绑定实现代码
2017/08/14 Javascript
微信小程序基于movable-view实现滑动删除效果
2020/01/08 Javascript
JS数组方法reverse()用法实例分析
2020/01/18 Javascript
vue仿携程轮播图效果(滑动轮播,下方高度自适应)
2021/02/11 Vue.js
Python求两个list的差集、交集与并集的方法
2014/11/01 Python
Python的Django框架下管理站点的基本方法
2015/07/17 Python
利用Python画ROC曲线和AUC值计算
2016/09/19 Python
pandas中去除指定字符的实例
2018/05/18 Python
Python生成短uuid的方法实例详解
2018/05/29 Python
基于tensorflow加载部分层的方法
2018/07/26 Python
pyqt 多窗口之间的相互调用方法
2019/06/19 Python
兰蔻英国官网:Lancome英国
2019/04/30 全球购物
瑞典最大的儿童用品网上商店:pinkorblue.se
2021/03/09 全球购物
工程造价专业大学生自荐信
2013/10/01 职场文书
公共事业管理本科生求职信
2013/10/07 职场文书
小学教育毕业生自荐信
2013/11/18 职场文书
汽车维修专业毕业生的求职信分享
2013/12/04 职场文书
秘书英文求职信
2014/04/16 职场文书
2014年五四青年节活动策划书
2014/04/22 职场文书
十一国庆节“向国旗敬礼”主题班会活动方案
2014/09/27 职场文书
幼儿园法制宣传日活动总结
2014/11/01 职场文书
个人租房协议书
2014/11/28 职场文书
2014学生会工作总结报告
2014/12/02 职场文书
建筑安全员岗位职责
2015/02/15 职场文书
唐山大地震的观后感
2015/06/05 职场文书
Python基于百度AI实现抓取表情包
2021/06/27 Python
Nginx报错104:Connection reset by peer问题的解决及分析
2022/07/23 Servers