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 替换
Feb 19 Javascript
jquery 实现input输入什么div图层显示什么
Jun 15 Javascript
理解javascript回调函数
Dec 28 Javascript
javacript使用break内层跳出外层循环分析
Jan 12 Javascript
javascript实现计时器的简单方法
Feb 21 Javascript
window.open不被拦截的简单实现代码(推荐)
Aug 04 Javascript
利用Angular.js限制textarea输入的字数
Oct 20 Javascript
详解jQuery中基本的动画方法
Dec 14 Javascript
判断iOS、Android以及PC端的示例代码
Nov 15 Javascript
layui实现form表单同时提交数据和文件的代码
Oct 25 Javascript
vue+elementui 对话框取消 表单验证重置示例
Oct 29 Javascript
Nest.js散列与加密实例详解
Feb 24 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提示Notice: Undefined variable的解决办法
2012/11/24 PHP
PHP检测字符串是否为UTF8编码的常用方法
2014/11/21 PHP
Discuz!X中SESSION机制实例详解
2015/09/23 PHP
对比PHP对MySQL的缓冲查询和无缓冲查询
2016/07/01 PHP
PHP连接MySQL数据库并以json格式输出
2018/05/21 PHP
Tips 带三角可关闭的文字提示
2010/10/06 Javascript
Extjs优化(一)删除冗余代码提高运行速度
2013/04/15 Javascript
js实现带缓冲效果的仿QQ面板折叠菜单代码
2015/09/06 Javascript
判断是否存在子节点的实现代码
2016/05/18 Javascript
Javascript Event(事件)的传播与冒泡
2017/01/23 Javascript
树结构之JavaScript
2017/01/24 Javascript
vue基于mint-ui的城市选择3级联动的示例
2017/10/25 Javascript
理解Koa2中的async&amp;await的用法
2018/02/05 Javascript
解决vue+webpack打包路径的问题
2018/03/06 Javascript
微信小程序登录按钮遮罩浮层效果的实现方法
2018/12/16 Javascript
JavaScript碎片—函数闭包(模拟面向对象)
2019/03/13 Javascript
nodejs微信开发之自动回复的实现
2019/03/17 NodeJs
探索JavaScript中私有成员的相关知识
2019/06/13 Javascript
jQuery创建折叠式菜单
2019/06/15 jQuery
原生js实现html手机端城市列表索引选择城市
2020/06/24 Javascript
Python实现带参数与不带参数的多重继承示例
2018/01/30 Python
解决使用pycharm提交代码时冲突之后文件丢失找回的方法
2018/08/05 Python
在Python中如何传递任意数量的实参的示例代码
2019/03/21 Python
Python转换字典成为对象,可以用&quot;.&quot;方式访问对象属性实例
2020/05/11 Python
美国珠宝店:Helzberg Diamonds
2018/10/24 全球购物
物流专业大学生职业生涯规划书范文
2014/01/15 职场文书
ktv总经理岗位职责
2014/02/17 职场文书
会计与审计专业自荐信范文
2014/03/15 职场文书
家长会学生演讲稿
2014/04/26 职场文书
2014年教研室工作总结
2014/12/06 职场文书
2015元旦标语横幅
2014/12/09 职场文书
大学生村官工作总结2015
2015/04/09 职场文书
员工手册编写范本
2015/05/14 职场文书
Java实战之用Swing实现通讯录管理系统
2021/06/13 Java/Android
Linux、ubuntu系统下查看显卡型号、显卡信息详解
2022/04/07 Servers
Win11如何设置右键单击显示所有选项?Win11右键单击显示所有选项设置教程
2022/04/08 数码科技