jQuery中的索引inArray与获取index方法

时间:2024-04-13 11:36:35

 

(作者:老薛,撰写时间:2019年5月27日)

jQuery对象是我们学jQuery的基础,jQuery里面还有一个方法value。它可以在jQuery的索引inArray使用。

首先我们先看下面这张截图:

jQuery中的索引inArray与获取index方法

                                 图1

我们也看到了图1里面的value方法在jQuery对象的使用,而下面我要说的是jQuery中查找数组中的索引inArray,以及value方法在inArray的使用。

inArray定义:jQuery.inArray()函数用于在数组中搜索指定的值,并返回其索引值。如果数组中不存在该值,则返回 -1。它的语法:jQuery.inArray( value, array ,[ fromIndex ] )而[ fromIndex ]为可选参数。也就是用法非常简单,传递一个检测的目标值,然后传递原始的数组,可以通过fromIndex规定查找的起始值,默认数组是0开始。例如:在数组中查找值是5的索引:$.inArray(5,[1,2,3,4,5,6,7]),返回对应的索引为4。注意的是:如果要判断数组中是否存在指定值,你需要通过该函数的返回值不等于(或大于)-1来进行判断。以上内容也就是我下面这张截图为图2:

jQuery中的索引inArray与获取index方法

                                     图2

说完了索引inArray,接下来就是获取index方法,index方法是jQuery中DOM元素的获取index方法。

说到index方法,我就想到一个get方法,get方法是通过已知的索引在合集中找到对应的元素。如果反过来,已知元素如何在合集中找到对应的索引呢?也就是index()方法,从匹配的元素中搜索给定元素的索引值,从0开始计数。

语法:参数接受一个jQuery或者dom对象作为查找的条件:

1.index()

2.index( selector )

3.index( element )

我们先看下面这张截图:

jQuery中的索引inArray与获取index方法

上面的截图的内容,我做了以下的总结:

1. 不传递任何参数给 .index() 方法,则返回值就是jQuery对象中第一个元素相对于它同辈元素的位置。

2. 在一组元素上调用 .index() ,并且参数是一个DOM元素或jQuery对象, .index() 返回值就是传入的元素相对于原先集合的位置。

3. 参数是一个选择器, .index() 返回值就是原先元素相对于选择器匹配元素的位置。如果找不到匹配的元素,则 .index() 返回 -1。