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 相关文章推荐
Jquery 的outerHeight方法使用介绍
Sep 11 Javascript
jQuery实现可展开合拢的手风琴面板菜单
Sep 15 Javascript
深入分析jsonp协议原理
Sep 26 Javascript
jquery实现二级导航下拉菜单效果
Dec 18 Javascript
微信小程序 图片加载(本地,网路)实例详解
Mar 10 Javascript
Vue实现选择城市功能
May 27 Javascript
仿京东快报向上滚动的实例
Dec 13 Javascript
Angular5中调用第三方js插件的方法
Feb 26 Javascript
axios的拦截请求与响应方法
Aug 11 Javascript
koa2使用ejs和nunjucks作为模板引擎的使用
Nov 27 Javascript
微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解
May 14 Javascript
js动态生成表格(节点操作)
Jan 12 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+Tidy-完美的XHTML纠错+过滤
2007/04/10 PHP
PHP常用数组函数介绍
2014/07/28 PHP
php读取mssql的ntext字段返回值为空的解决方法
2014/12/30 PHP
YII Framework框架教程之缓存用法详解
2016/03/14 PHP
Yii2主题(Theme)用法详解
2016/07/23 PHP
PHP简单字符串过滤方法示例
2016/09/04 PHP
jquery 实现的全选和反选
2009/04/15 Javascript
让iframe子窗体取父窗体地址栏参数(querystring)
2009/10/13 Javascript
ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
2012/02/03 Javascript
jquery方法+js一般方法+js面向对象方法实现拖拽效果
2012/08/30 Javascript
Jquery 数组操作大全个人总结
2013/11/13 Javascript
javascript实现鼠标点击页面 移动DIV
2016/12/02 Javascript
React Native 使用Fetch发送网络请求的示例代码
2017/12/02 Javascript
微信小程序实现文字跑马灯效果
2020/05/26 Javascript
vue中本地静态图片路径写法
2018/03/06 Javascript
vue-cli开发环境实现跨域请求的方法
2018/04/07 Javascript
傻瓜式解读koa中间件处理模块koa-compose的使用
2018/10/30 Javascript
JS实现的图片选择顺序切换和循环切换功能示例【测试可用】
2018/12/28 Javascript
jquery中attr、prop、data区别与用法分析
2019/09/25 jQuery
解决echarts数据二次渲染不成功的问题
2020/07/20 Javascript
[49:43]VG vs FNATIC 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
pycharm远程调试openstack代码
2017/11/21 Python
pycharm下查看python的变量类型和变量内容的方法
2018/06/26 Python
python代理工具mitmproxy使用指南
2019/07/04 Python
利用CSS3伪元素实现逐渐发光的方格边框
2017/05/07 HTML / CSS
如何启动时不需输入用户名与密码
2014/05/09 面试题
阿里巴巴Oracle DBA笔试题答案-备份恢复类
2013/11/20 面试题
学前教育毕业生自荐信范文
2013/12/24 职场文书
后勤部经理岗位职责
2014/02/23 职场文书
借款协议书范本
2014/04/22 职场文书
企业法人代表任命书
2014/06/06 职场文书
2015年办公室主任工作总结
2015/04/09 职场文书
婚礼领导致辞大全
2015/07/28 职场文书
教师网络培训心得体会
2016/01/09 职场文书
如何用Python搭建gRPC服务
2021/06/30 Python
「月刊Action」2022年5月号封面公开
2022/03/21 日漫