jQuery indexof() 方法

Shraddha Paghdar 2022年7月18日
jQuery indexof() 方法

在本文中,我們將處理 jQuery indexOf 功能,它返回指定元素或字元在指定元素或字串中的位置。

在 jQuery 中使用 indexOf 方法

jQuery 陣列函式 indexOf() 用於返回給定元素第一次出現的索引或給定陣列中的搜尋值。jQuery 陣列函式 indexOf() 是一個內建的 jQuery 函式。

jQuery 陣列 indexOf() 函式在指定陣列中查詢指定的搜尋值/元素。如果找到值/元素,則將元素的第一次出現作為從左側開始的整數值返回,如果在陣列中未找到元素,則返回 -1

也可以從指定的索引或位置開始搜尋元素。如果未指定起始索引,則搜尋從頭開始,預設索引為 0

要在末尾開始搜尋,我們可以使用 jQuery 的 lastIndexOf() 函式。

語法:

array.indexOf(searchValue, initPosition);
  1. searchValue 是一個強制引數。它表示 searchValue,即在陣列中搜尋。
  2. 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

執行演示程式碼

Shraddha Paghdar avatar Shraddha Paghdar avatar

Shraddha is a JavaScript nerd that utilises it for everything from experimenting to assisting individuals and businesses with day-to-day operations and business growth. She is a writer, chef, and computer programmer. As a senior MEAN/MERN stack developer and project manager with more than 4 years of experience in this sector, she now handles multiple projects. She has been producing technical writing for at least a year and a half. She enjoys coming up with fresh, innovative ideas.

LinkedIn

相關文章 - jQuery Method