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调用flash的效果代码
Apr 26 Javascript
JQuery拖拽元素改变大小尺寸实现代码
Dec 10 Javascript
jquery Moblie入门—hello world的示例代码学习
Jan 08 Javascript
jquery 循环显示div的示例代码
Oct 18 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
Dec 28 Javascript
js中创建对象的几种方式
Feb 05 Javascript
ES6入门教程之Iterator与for...of循环详解
May 17 Javascript
vue2 mint-ui loadmore实现下拉刷新,上拉更多功能
Mar 21 Javascript
Vue路由切换时的左滑和右滑效果示例
May 29 Javascript
微信小程序外卖选购页实现切换分类与数量加减功能案例
Jan 15 Javascript
jQuery插件实现图片轮播效果
Oct 19 jQuery
antd多选下拉框一行展示的实现方式
Oct 31 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
header中Content-Disposition的作用与使用方法
2012/06/13 PHP
PHP调用Linux的命令行执行文件压缩命令
2013/01/27 PHP
PhpStorm terminal无法输入命令的解决方法
2016/10/09 PHP
[原创]php实现 data url的图片生成与保存
2016/12/04 PHP
Laravel服务容器绑定的几种方法总结
2020/06/14 PHP
浅谈tudou土豆网首页图片延迟加载的效果
2010/06/23 Javascript
JQuery 返回布尔值Is()条件判断方法代码
2012/05/14 Javascript
js创建子窗口并且回传值示例代码
2013/07/02 Javascript
JS两种定义方式的区别、内部原理
2013/11/21 Javascript
多个checkbox被选中时如何判断是否有自己想要的
2014/09/22 Javascript
jquery实现像栅栏一样左右滑出式二级菜单效果代码
2015/08/24 Javascript
js方法数据验证的简单实例
2016/09/17 Javascript
jQuery插件HighCharts实现的2D条状图效果示例【附demo源码下载】
2017/03/15 Javascript
详解如何在Vue里建立长按指令
2018/08/20 Javascript
JavaScript基础之静态方法和实例方法分析
2018/12/26 Javascript
原生js实现随机点名
2020/07/05 Javascript
python求素数示例分享
2014/02/16 Python
使用pandas对两个dataframe进行join的实例
2018/06/08 Python
Python 中@property的用法详解
2020/01/15 Python
Python基于当前时间批量创建文件
2020/05/07 Python
Python绘制数码晶体管日期
2021/02/19 Python
wedgwood加拿大官网:1759年成立的英国国宝级陶瓷餐具品牌
2018/07/17 全球购物
美国婚礼礼品网站:MyWeddingFavors
2018/09/26 全球购物
简述进程的启动、终止的方式以及如何进行进程的查看
2013/07/12 面试题
中专生自我鉴定书范文
2013/12/28 职场文书
售后服务承诺书
2014/03/26 职场文书
纠纷协议书
2014/04/16 职场文书
科长竞聘演讲稿
2014/05/16 职场文书
学雷锋活动总结报告
2014/06/26 职场文书
机关干部四风问题自我剖析及整改措施
2014/10/26 职场文书
社区元宵节活动总结
2015/02/06 职场文书
认识实习感想
2015/08/10 职场文书
《有余数的除法》教学反思
2016/02/22 职场文书
利用 SQL Server 过滤索引提高查询语句的性能分析
2021/07/15 SQL Server
Redis基本数据类型List常用操作命令
2022/06/01 Redis
Redis sentinel哨兵集群的实现步骤
2022/07/15 Redis