您有个知识币

【退出】

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/

本文固定链接: http://www.webzhishi.com/jquery-index/ | web知识网

jquery获取元素索引值:等您坐沙发呢!

发表评论