迹忆客 专注技术分享

在本文中，我们将处理 jQuery indexOf 功能，它返回指定元素或字符在指定元素或字符串中的位置。

在 jQuery 中使用 indexOf 方法

jQuery 数组函数 indexOf() 用于返回给定元素第一次出现的索引或给定数组中的搜索值。jQuery 数组函数 indexOf() 是一个内置的 jQuery 函数。

jQuery 数组 indexOf() 函数在指定数组中查找指定的搜索值/元素。如果找到值/元素，则将元素的第一次出现作为从左侧开始的整数值返回，如果在数组中未找到元素，则返回 -1，

也可以从指定的索引或位置开始搜索元素。如果未指定起始索引，则搜索从头开始，默认索引为 0。

要在末尾开始搜索，我们可以使用 jQuery 的 lastIndexOf() 函数。

语法：

array.indexOf(searchValue, initPosition);

指定元素的索引值将作为此函数的输出返回。让我们通过一个简单的例子来理解它。

代码 - HTML：

<select id="index">
  <option>Japanese</option>
  <option>English</option>
  <option>Hindi</option>
  <option>French</option>
  <option>Telugu</option>
</select>

代码 - JavaScript + jQuery：

const languages = [ "English", "Hindi", "Japanese", "Marathi", "French" ];
$('#index').on('change', () => {
    console.log(languages.indexOf($('#index').val(), 0))
});

我们已经在上面的例子中以随机顺序定义了 languages，一旦用户选择了其中一种语言，它就会尝试在现有数组中查找该语言的索引。当此数据动态进入时，这是最有用的。

尝试在任何支持 jQuery 的浏览器中运行代码片段。分别选择印地语或法语时，它将显示以下结果。

输出：

1
4