jQuery indexof() Methode

Shraddha Paghdar 12 Oktober 2023
jQuery indexof() Methode

In diesem Artikel behandeln wir die Funktion indexOf von jQuery, die eine Position des angegebenen Elements oder Zeichens innerhalb der angegebenen Elemente oder Zeichenfolge zurückgibt.

Verwendung der indexOf-Methode in jQuery

Die jQuery-Array-Funktion indexOf() wird verwendet, um den Index des ersten Vorkommens eines bestimmten Elements oder Suchwerts in einem bestimmten Array zurückzugeben. Die jQuery-Array-Funktion indexOf() ist eine eingebaute jQuery-Funktion.

Die jQuery-Array indexOf()-Funktion findet den angegebenen Suchwert/Element im angegebenen Array. Wenn der Wert/das Element gefunden wird, wird das erste Vorkommen des Elements als ganzzahliger Wert von links zurückgegeben, und es wird -1 zurückgegeben, wenn das Element nicht im Array gefunden wird.

Die Suche nach dem Element kann auch ab dem angegebenen Index oder Position gestartet werden. Wenn der Startindex nicht angegeben wird, beginnt die Suche von vorne, standardmäßig Index 0.

Um am Ende eine Suche zu starten, können wir die Funktion lastIndexOf() von jQuery verwenden.

Syntax:

array.indexOf(searchValue, initPosition);
  1. searchValue ist ein obligatorischer Parameter. Er gibt den searchValue an, der in einem Array gesucht werden soll.
  2. initPosition ist ein optionaler Parameter. Er gibt den Indexwert an, ab dem die Suche nach dem Element beginnen soll.

Als Ausgabe dieser Funktion wird der Indexwert des angegebenen Elements zurückgegeben. Lassen Sie es uns anhand eines einfachen Beispiels verstehen.

Code - HTML:

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

Code - JavaScript + jQuery:

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

Wir haben im obigen Beispiel bereits die Sprachen in zufälliger Reihenfolge definiert, und sobald der Benutzer eine der Sprachen auswählt, versucht er, den Index der Sprache im vorhandenen Array zu finden. Dies ist am nützlichsten, wenn diese Daten dynamisch eingehen.

Versuchen Sie, das Code-Snippet in einem beliebigen Browser auszuführen, der jQuery unterstützt. Es wird das Ergebnis unten angezeigt, wenn Sie Hindi bzw. Französisch auswählen.

Ausgabe:

1
4

Democode ausführen

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

Verwandter Artikel - jQuery Method