我的位置:首页 > 资讯>index详解

index详解

时间:2021-04-28 14:47:00 来源:互联网 热度: 作者: 佚名 字体:

jQuery的 index

1.index()

获得向匹配的元素,从0开始计数。不给传递参数,返回值是 jQ对象的所有同辈的索引位置

;如果传递选择器代表,在该选择器下的所有索引位置;如果传递具体的jQ对象返回这种对象中的具体索引

<ul>
  <li id="foo">foo</li>
  <li id="bar">bar</li>
  <li id="baz">baz</li>
</ul>
$('#bar').index('li'); //1,传递一个选择器,返回#bar在所有li中的索引位置
$('li').index($('li:gt(0)')); //1,传递具体的JQ对象
2.get([index])

取得其中一个匹配的元素。计数从0开始,返回的是DOM对象,类似的有eq(index),不过eq(index)返回的是jQuery对象。

$("img").get(n);//获取索引号为n的第n-1个img元素
$("img").get().reverse();//因为返回的是DOM对象所以可以使用DOM方法reverse来颠倒顺序
3.eq(index)

匹配一个给定索引值的元素,返回一个jQ对象

$("tr:eq(1)")//匹配索引值相同的元素返回JS对象
4.gt(index)

匹配所有大于给定索引值的元素

$("tr:gt(0)")//选择索引值大于0的元素//返回一个数组Array<Element(s)>
5.lt(index)

匹配所有小于给定索引值的元素

$("tr:gt(3)")//选择索引值小于3的元素//返回一个数组Array<Element(s)>