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 相关文章推荐
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
Mar 10 Javascript
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
Feb 27 Javascript
Javascript学习笔记之 函数篇(三) : 闭包和引用
Nov 23 Javascript
JavaScript中document对象使用详解
Jan 06 Javascript
JQuery解析XML数据的几个简单实例
May 18 Javascript
老生常谈js-react组件生命周期
May 02 Javascript
JS中跳出循环的示例代码
Sep 14 Javascript
ReactNative实现Toast的示例
Dec 31 Javascript
解决layui checkbox 提交多个值的问题
Sep 02 Javascript
vue-cli3跨域配置的简单方法
Sep 06 Javascript
layui禁用侧边导航栏点击事件的解决方法
Sep 25 Javascript
Centos7 安装Node.js10以上版本的方法步骤
Oct 15 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字符串处理的10个简单方法
2010/06/30 PHP
PHP实现无限极分类图文教程
2014/11/25 PHP
PHP性能分析工具XHProf安装使用教程
2015/05/13 PHP
PHP获取当前URL路径的处理方法(适用于多条件筛选列表)
2017/02/10 PHP
TP3.2批量上传文件或图片 同名冲突问题的解决方法
2017/08/01 PHP
windows 2008r2+php5.6.28环境搭建详细过程
2019/06/18 PHP
ie中js创建checkbox默认选中问题探讨
2013/10/21 Javascript
js日期插件dateHelp获取本月、三个月、今年的日期
2016/03/07 Javascript
jquery 实时监听输入框值变化的完美方法(必看)
2017/01/26 Javascript
详解AngularJS通过ocLazyLoad实现动态(懒)加载模块和依赖
2017/03/01 Javascript
Vuex利用state保存新闻数据实例
2017/06/28 Javascript
详谈ES6中的迭代器(Iterator)和生成器(Generator)
2017/07/31 Javascript
使用JS动态显示文本
2017/09/09 Javascript
使用nodeJs来安装less及编译less文件为css文件的方法
2017/11/20 NodeJs
jQuery扩展方法实现Form表单与Json互相转换的实例代码
2018/09/05 jQuery
NodeJS有难度的面试题(能答对几个)
2019/10/09 NodeJs
vue-resource post数据时碰到Django csrf问题的解决
2020/03/13 Javascript
如何在现代JavaScript中编写异步任务
2021/01/31 Javascript
[13:18]《一刀刀一天》之DOTA全时刻21:详解TI新赛制 A队再露獠牙
2014/06/24 DOTA
python调用java的Webservice示例
2014/03/10 Python
使用Python爬取最好大学网大学排名
2018/02/24 Python
在python Numpy中求向量和矩阵的范数实例
2019/08/26 Python
python带参数打包exe及调用方式
2019/12/21 Python
基于Python+QT的gui程序开发实现
2020/07/03 Python
Python 开发工具通过 agent 代理使用的方法
2020/09/27 Python
蛋白质世界:Protein World
2017/11/23 全球购物
尤妮佳moony海外旗舰店:日本殿堂级纸尿裤品牌
2018/02/23 全球购物
经典演讲稿汇总
2014/05/19 职场文书
2014教育局对照检查材料思想汇报
2014/09/23 职场文书
庆祝三八妇女节标语
2014/10/09 职场文书
综合办公室岗位职责
2015/04/11 职场文书
追讨欠款律师函
2015/05/27 职场文书
结婚主持人致辞
2015/07/28 职场文书
学生病假条怎么写
2015/08/17 职场文书
2016会计专业自荐信范文
2016/01/28 职场文书
家电创业计划书
2019/08/05 职场文书