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 相关文章推荐
新手入门常用代码集锦
Jan 11 Javascript
jquery和javascript中如何将一元素的内容赋给另一元素
Jan 09 Javascript
jQuery分别获取选中的复选框值的示例
Jun 17 Javascript
node.js中的buffer.fill方法使用说明
Dec 14 Javascript
JQuery中$.each 和$(selector).each()的区别详解
Mar 13 Javascript
javascript实现数组内值索引随机化及创建随机数组的方法
Aug 10 Javascript
jquery图片滚动放大代码分享(1)
Aug 25 Javascript
js简单设置与使用cookie的方法
Jan 22 Javascript
AngularJs中route的使用方法和配置
Feb 04 Javascript
vue父子组件的嵌套的示例代码
Sep 08 Javascript
javascript 作用于作用域链的详解
Sep 27 Javascript
js实现带箭头的进度流程
Mar 26 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
如何将一个表单同时提交到两个地方处理
2006/10/09 PHP
discuz免激活同步登入代码修改方法(discuz同步登录)
2013/12/24 PHP
php设计模式之观察者模式实例详解【星际争霸游戏案例】
2020/03/30 PHP
window.open()弹出居中的窗口
2007/02/01 Javascript
js单例模式详解实例
2013/11/21 Javascript
javascript 获取元素样式必杀技
2014/05/04 Javascript
Node.js中的事件驱动编程详解
2014/08/16 Javascript
做web开发 先学JavaScript
2014/12/12 Javascript
浅谈jquery.fn.extend与jquery.extend区别
2015/07/13 Javascript
Bootstrap安装环境配置教程分享
2016/05/27 Javascript
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
2016/06/08 Javascript
详解webpack3如何正确引用并使用jQuery库
2017/08/26 jQuery
基于jquery实现五星好评
2017/11/18 jQuery
JavaScript实现全选取消效果
2017/12/14 Javascript
利用JS判断客户端类型你应该知道的四种方法
2017/12/22 Javascript
在HTML文档中嵌入JavaScript的四种方法
2018/05/07 Javascript
npm 常用命令详解(小结)
2019/01/17 Javascript
[38:32]DOTA2上海特级锦标赛A组资格赛#2 Secret VS EHOME第二局
2016/02/26 DOTA
python list使用示例 list中找连续的数字
2014/01/27 Python
Python闭包实现计数器的方法
2015/05/05 Python
python 实现自动远程登陆scp文件实例代码
2017/03/13 Python
python如何压缩新文件到已有ZIP文件
2018/03/14 Python
Python3爬虫爬取百姓网列表并保存为json功能示例【基于request、lxml和json模块】
2018/12/05 Python
python 通过 pybind11 使用Eigen加速代码的步骤
2020/12/07 Python
Python基础进阶之海量表情包多线程爬虫功能的实现
2020/12/17 Python
Python的logging模块基本用法
2020/12/24 Python
html5指南-2.如何操作document metadata
2013/01/07 HTML / CSS
viagogo法国票务平台:演唱会、体育比赛、戏剧门票
2017/03/27 全球购物
Stella McCartney官网:成衣、包袋、香水、内衣、童装及Adidas系列
2018/12/20 全球购物
大学社团活动策划书
2014/01/26 职场文书
乡镇干部十八大感言
2014/02/17 职场文书
年终晚会活动方案
2014/08/21 职场文书
三方股份合作协议书
2014/10/13 职场文书
干部个人考察材料
2014/12/24 职场文书
水电工岗位职责
2015/02/14 职场文书
javascript条件式访问属性和箭头函数介绍
2021/11/17 Javascript