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的下标为2
javascript的下标为3

3. jQuery的eq方法

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

jQueryObject.eq(index)

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

下面看一下示例：

示例1：获取第一个元素

var myDivs = $("div");
var firstDiv = myDivs.eq(0);

console.log(firstDiv.html());

输出结果：

第一个div

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

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

console.log(selectedDiv.html());

输出结果：

你选择了我

4.结论

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