Jquery index()方法 获取相应元素索引值
更新时间：2012年10月12日 00:27:08 作者：
昨天做一个Jqery效果，要获取相应元素的索引值，晕，又忘记了。现在记录下来，以后再次忘记好查怎么获取相应元素的索引值
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>
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>
相关文章
基于PHP+Jquery制作的可编辑的表格的代码，需要的朋友可以参考下。2011-04-04
这篇文章主要介绍了jQuery链式操作,实例分析了jQuery基于链式操作动态改变页面元素样式的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-11-11
Jquery EasyUI的添加，修改，删除，查询等基本操作介绍
初识Jquery EasyUI看了一些博主用其开发出来的项目，页面很炫，感觉功能挺强大，效果也挺不错，最近一直想系统学习一套前台控件，于是在网上找了一些参考示例2013-10-10
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
很多网站都是使用这种方式引入，客户的浏览器可能已经缓存过了 jquery。可以直接调用本地的，速度更快2011-04-04
在逛博客中无意中看到这个插件，一下就吸引住了我，于是就自己在网上找了些资料实践了一下2011-08-08
本文和大家详解如何使用javascript来实现一个asp.net 的Repeater控件，叫jQuery.Repeater插件。一起来看下吧。2010-07-07
使用微信内置浏览器点击下拉框出现页面乱跳转现象（iphone），该怎么办
这篇文章主要介绍了使用微信内置浏览器点击下拉框出现页面乱跳转现象（iphone），该怎么办的相关资料,需要的朋友可以参考下2016-01-01
上一篇讲解了jquery同时控制四张图片的伸缩，想必大家对伸缩有一定了解了，本文将为大家介绍下使用按钮控制图片的伸缩，感兴趣的朋友可以参考下哈2013-04-04
这篇文章主要介绍了jQuery获得子元素个数的方法,实例分析了jQuery中children()方法的使用技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
由于项目中用到左右选择的控件，网上找了一些相关的实现，基本上有两个:1、基于JQuery UI的控件2、某个兄弟手写的一个控件,具体实现如下，感兴趣的朋友可以参考下哈2013-06-06
最新评论