Helfen Sie der Entwicklung der Website und teilen Sie den Artikel mit Freunden!

Definition des jQuery-Index

Die Funktion jQuery index() wird verwendet, um den Index des spezifischen Elements in Bezug auf den Selektor zurückzugeben. Die Funktion index() von jQuery ist eine integrierte Funktion in jQuery. Die Funktion jQuery index() sucht unter den übereinstimmenden Elementen nach dem angegebenen Element, wenn das Element es gefunden hat, gibt sie den Index des Elements zurück, wenn das Element nicht in den übereinstimmenden Elementen gefunden wird, gibt sie -1 zurück. Wenn kein Parameter an die Funktion index() übergeben wird, gibt sie die Position des ersten Elements zurück, das im jQuery-Objekt vorhanden ist.

Syntax:

$( Selektor). index( element );

Parameter:

  • element - Dies ist ein optionaler Parameter. Es gibt das Element an, das den Indexwert in Bezug auf den Selektor suchen und zurückgeben soll.
  • Rückgabewert - Der Rückgabewert dieser Funktion ist der Indexwert des angegebenen Elements.

Arbeitsweise der Funktion jQuery index()

Die JQuery-Funktion index() akzeptiert einen Parameter, der Parameter ist das Element, das in den übereinstimmenden Elementen gesucht werden soll. Angenommen, wir haben ein Element, das auf der nächsten Seite verwendet wird, müssen wir den Index eines bestimmten Elements wie „div“ finden. So können wir die Funktion index() als „$( „div“ ).index( );“ verwenden, die eine Zahl zurückgibt, die den Index des „div“-Elements auf der Seite angibt.

Beispiele

Beispiel für die Funktion jQuery index(), um den Indexwert des spezifischen Elements zu erh alten -

Beispiel 1

Code:


Dies ist ein Beispiel für die Funktion jQuery index()

Dies ist ein Beispiel für die Funktion index():


Klicken Sie auf die folgende Liste von Elementen, um ihren Indexwert in ihrer Liste zu erh alten.

Die Gemüseliste ist:



  1. Mais
  2. Pilz
  3. Brokkoli
  4. Gurke

Die Liste der Früchte ist:



  1. Apfel
  2. Banane
  3. Kirsche
  4. Kernobst

Eine Ausgabe des obigen Codes ist -

Sobald wir auf die Liste der Elemente klicken, sind die entsprechenden Ausgaben -

Im obigen Code wurden zwei Bestelllisten für Gemüse und Obst erstellt. Als nächstes wird die Funktion index() verwendet, um den Index ausgewählter oder angeklickter Listenelemente als „$( this ).index();“ zu erh alten. Beachten Sie, dass beide Listen unterschiedlich sind, sodass das Element den Indexwert in Bezug auf seine Liste angibt, wie wir in der obigen Ausgabe sehen können.

Beispiel für die jQuery-Array-Funktion indexOf(), um den Index der Elemente aus dem Selektor zu erh alten, wobei der Parameterwert für die Suche übergeben wird -

Beispiel 2

Code:


Dies ist ein Beispiel für die Funktion jQuery index()

Dies ist ein Beispiel für die Funktion index():


Dies ist ein erster Absatz ohne Klasse.

"Dies ist eine erste Spannbox mit Klasse c1.
"

" Dies ist ein zweiter Absatz mit Klasse c1."

"Dies ist eine zweite Spannbox mit Klasse c1.
"

Eine Ausgabe des obigen Codes ist -

Sobald wir auf das erste p-Element klicken, ist die Ausgabe -

Sobald wir auf das erste span-Element klicken, ist die Ausgabe -

Sobald wir auf das zweite p-Element klicken, ist die Ausgabe -

Sobald wir auf das zweite Span-Element klicken, ist die Ausgabe -

Im obigen Code werden die Elemente „h3“, „p“ und „span“ verwendet, „p“ und „span“ werden auch mit der Klasse verwendet. Als nächstes wird die Funktion index() verwendet, um den Index ausgewählter oder angeklickter Elemente mit und ohne Klasse zu erh alten. Der Code „$( „.c1“ ).index( „span“);“ wählt die Elemente aus, die die Klasse „c1“ haben, und wählt unter diesen den Elementindex „span“ in der ausgewählten Liste aus. Wir können in der obigen Ausgabe das Ergebnis für eine andere Kombination sehen.

Beispiel für die jQuery-Array-Funktion indexOf(), um den Index mehrerer Elemente zu erh alten -

Beispiel 3

Code:


Dies ist ein Beispiel für die Funktion jQuery index()

Dies ist ein Beispiel für die Funktion index():


Das ist Absatz.

Dies ist eine Spanbox.
Holen Sie sich den Index eines Elements

Eine Ausgabe des obigen Codes ist -

Im obigen Code werden die Elemente „h3“, „p“ und „span“ verwendet. Als nächstes wird die Funktion index() verwendet, um den Index von „p“ zu erh alten, der 1 zurückgibt, und dann verwendet, um den Index von „p“ und „h3“ in einem Aufruf zu erh alten, der den Index von „h3“ zurückgibt, der der niedrigste ist index und alternativ auch ein drittes Mal versuchen, gibt auch den „h3“-Index zurück, der der niedrigste Index ist.Unter den Mehrfachselektoren gibt es also den niedrigsten Index, wie wir in der obigen Ausgabe sehen können.

Schlussfolgerung

Die Funktion index() von jQuery ist eine eingebaute Funktion, die verwendet wird, um den Index des spezifischen Elements in Bezug auf den Selektor zurückzugeben.

Helfen Sie der Entwicklung der Website und teilen Sie den Artikel mit Freunden!

Kategorie:

Programmiersprachen