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猜数字小游戏的简单实现代码
Jul 02 Javascript
jQuery实现下拉框左右选择的简单实例
Feb 22 Javascript
Javascript中this的用法详解
Sep 22 Javascript
jquery插件corner实现圆角边框的方法
Mar 09 Javascript
javascript笛卡尔积算法实现方法
Apr 08 Javascript
js获取客户端操作系统类型的方法【测试可用】
May 27 Javascript
使用AngularJS2中的指令实现按钮的切换效果
Mar 27 Javascript
javascript中mouseenter与mouseover的异同
Jun 06 Javascript
jquery.uploadView 实现图片预览上传功能
Aug 10 jQuery
Angular5升级RxJS到5.5.3报错:EmptyError: no elements in sequence的解决方法
Apr 09 Javascript
从零开始实现Vue简单的Toast插件
Dec 03 Javascript
Vue实现简单计算器
Jan 20 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
PHPMailer邮件类利用smtp.163.com发送邮件方法
2008/09/11 PHP
PHP采集相关教程之一 CURL函数库
2010/02/15 PHP
php5.3 注意事项说明
2013/07/01 PHP
PHP往XML中添加节点的方法
2015/03/12 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
js判断浏览器类型的方法
2013/08/07 Javascript
JavaScript 垃圾回收机制分析
2013/10/10 Javascript
JavaScript将数据转换成整数的方法
2014/01/04 Javascript
jquery默认校验规则整理
2014/03/24 Javascript
Linux下使用jq友好的打印JSON技巧分享
2014/11/18 Javascript
html的DOM中document对象forms集合用法实例
2015/01/21 Javascript
jQuery实现个性翻牌效果导航菜单的方法
2015/03/09 Javascript
jQuery 实现评论等级好评差评特效
2016/05/06 Javascript
浅谈JavaScript对象与继承
2016/07/10 Javascript
extjs简介_动力节点Java学院整理
2017/07/17 Javascript
关于JavaScript中forEach和each用法浅析
2017/07/27 Javascript
细说webpack源码之compile流程-rules参数处理技巧(2)
2017/12/26 Javascript
Vue.js最佳实践(五招助你成为vuejs大师)
2018/05/04 Javascript
通过javascript实现段落的收缩与展开
2019/06/26 Javascript
JS数组的高级使用方法示例小结
2020/03/14 Javascript
[03:09]2014DOTA2国际邀请赛 赛场上的美丽风景线 中国Coser也爱DOTA2
2014/07/20 DOTA
Python中的自省(反射)详解
2015/06/02 Python
Python面向对象程序设计OOP入门教程【类,实例,继承,重载等】
2019/01/05 Python
Python运行异常管理解决方案
2020/03/09 Python
Python 整行读取文本方法并去掉readlines换行\n操作
2020/09/03 Python
Python操作word文档插入图片和表格的实例演示
2020/10/25 Python
Desigual英国官网:在线购买原创服装
2018/03/09 全球购物
春季运动会广播稿大全
2014/02/19 职场文书
银行办公室岗位职责
2014/03/10 职场文书
财产公证书样本
2014/04/04 职场文书
《第一朵杏花》教学反思
2014/04/16 职场文书
挂靠协议书范本
2014/04/22 职场文书
信用卡逾期证明示例
2014/09/13 职场文书
文案策划岗位职责
2015/02/11 职场文书
交通安全月活动总结
2015/05/08 职场文书
小学生手册家长意见
2015/06/03 职场文书