jquery indexOf使用方法

jQuery indexOf使用方法攻略

1. 概述

JavaScript自带了indexOf方法，用于检测一个元素在数组中是否存在，并返回该元素在数组中的下标位置。然而，对于jQuery对象中的元素，我们不能直接使用indexOf方法。因此，我们需要使用jQuery提供的方法来实现indexOf的功能。

2. jQuery的inArray方法

jQuery提供了inArray方法，用于在一个数组中查找指定元素的位置。它的语法如下：

jQuery.inArray(value, array [, fromIndex])

其中，value为要查找的元素值，array为目标数组，fromIndex为要开始查找的位置，可选。如果未找到该元素，则返回-1。

下面是一些示例：

示例1：在数组中查找指定值

var myArray = ["hello", "world", "jquery"];var index = jQuery.inArray("jquery", myArray);if(index !== -1){    console.log("jquery的下标为" + index);}else{    console.log("该数组中不存在jquery");}

输出结果：

jquery的下标为2

示例2：在数组中查找多个指定值

var myArray = ["hello", "world", "jquery", "javascript"];var index1 = jQuery.inArray("jquery", myArray);var index2 = jQuery.inArray("javascript", myArray);if(index1 !== -1){    console.log("jquery的下标为" + index1);}else{    console.log("该数组中不存在jquery");}if(index2 !== -1){    console.log("javascript的下标为" + index2);}else{    console.log("该数组中不存在javascript");}

输出结果：

jquery的下标为2javascript的下标为3

3. jQuery的eq方法

jQuery提供的eq方法用于匹配集合中的元素，并返回一个新的jQuery对象。它的语法如下：

jQueryObject.eq(index)

其中，index为要匹配的元素在集合中的下标位置。如果未找到该元素，则返回一个空的jQuery对象。

下面看一下示例：

示例1：获取第一个元素

var myDivs = $("p");var firstDiv = myDivs.eq(0);console.log(firstDiv.html());

输出结果：

第一个p

示例2：获取指定下标的元素

var myDivs = $("p");var index = jQuery.inArray($(".selected"), myDivs);//这里使用了inArray方法来获取.selected元素的下标var selectedDiv = myDivs.eq(index);console.log(selectedDiv.html());

输出结果：

你选择了我

4.结论

在使用jQuery的indexOf，我们可以使用jQuery.inArray方法。而在获取指定下标位置的元素，我们可以使用jQuery的eq方法。以上两个方法都非常实用，而且代码也比较简单。