jquery获取元素索引值
jquery中如何获取某一个元素,在一组元素中的索引值呢,jquery提供了index方法来获取元素的索引值。
index的具体用法如下:
[JS]
$('li').index(document.getElementById('bar')); //1,传递一个DOM对象,返回这个对象在原先集合中的索引位置
$('li').index($('#bar')); //1,传递一个jQuery对象
$('li').index($('li:gt(0)')); //1,传递一组jQuery对象,返回这个对象中第一个元素在原先集合中的索引位置
$('#bar').index('li'); //1,传递一个选择器,返回#bar在所有li中的做引位置
$('#bar').index(); //1,不传递参数,返回这个元素在同辈中的索引位置。
[HTML]
<ul>
<li id="foo">foo</li>
<li id="bar">bar</li>
<li id="baz">baz</li>
</ul>
总的来说,分两种用法,
1,先选集合,再选特定元素,求索引
2,先选元素,再求其在特定集合里的索引。
第1种情况下,你可以传递DOM元素、jQuery对象进去
第2种情况下,你只能传递选择器进去了,注意,是选择器,既不是DOM,也不是jQuery对象!
至于那个为空的,就忽视它吧
index()实现tab效果实例
[JS]
$(function(){
var $title = $("h3 a");
var $content = $("div"); //这个数组定义很有用,省去了原始js里的循环做法
$title.mousemove(function(){
var index = $title.index($(this)); //index指向当前
$content.hide(); //直接对数组进行隐藏操作
$($content.get(index)).show();
return false;
});
});
[HTML]
<h3>
<a href="#">选择1</a>
<a href="#" >选择2</a>
<a href="#">选择3</a>
<a href="#" >选择4</a>
</h3>
<div>选择1的内容</div>
<div>选择2的内容</div>
<div>选择3的内容</div>
<div>选择4的内容</div>
这里介绍的是获取元素索引值,那么如何根据索引获取元素呢?参考: http://www.webzhishi.com/jquery-eq-1/
您还未登录,需要登录后才能发言