index详解

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对象，返回这个对象中第一个元素在原先集合中的索引位置
$('#bar').index(); //1，不传递参数，返回这个元素在同辈中的索引位置。

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)>