Beispiel für die Verwendung der Methode index() in jQuery_jquery

Das Beispiel in diesem Artikel beschreibt die Verwendung der index()-Methode in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode kann nach passenden Elementen suchen und den Indexwert des Elements zurückgeben.
Indexwerte beginnen bei 0.

Grammatikstruktur 1:

Wenn diese Methode keine Parameter hat, ist der Rückgabewert die Indexposition des angegebenen Elements in der Sammlung seiner Geschwisterelemente.

Code kopieren Der Code lautet wie folgt:

$(selector).index()

Beispielcode:

Beispiel 1:

Code kopieren Der Code lautet wie folgt:

• Backstage-Bereich


• Rezeptionsbereich


• Datenbankbereich


• Webmaster-Kommunikation

Die Position des aktuellen li-Elements:0

Klicken, um Ergebnisse anzuzeigen

Der obige Code kann den Indexwert des li-Elements mit dem Klassennamen qian in seinem Satz von Geschwisterelementen zurückgeben. Wenn Sie dies sehen, haben Sie möglicherweise Fragen dazu, ob die sogenannten Geschwisterelemente ähnliche Elemente sind , das li-Element ist im li-Element Der Indexwert in der Sammlung.

Beispiel 2:

Code kopieren Der Code lautet wie folgt:

• Backstage-Bereich


• Rezeptionsbereich


• Datenbankbereich


• Webmaster-Kommunikation

Suchoptimierung

Die Position des aktuellen li-Elements:0

Klicken, um Ergebnisse anzuzeigen

Wie Sie dem obigen Code entnehmen können, handelt es sich nicht nur um Elemente desselben Typs, sondern um alle Elemente derselben Generation.

Grammatikstruktur 2:

Wenn der Parameter der Methode ein DOM-Objekt oder jQuery-Objekt ist, ist der Rückgabewert der Index dieses DOM-Objekts oder jQuery-Objekts in der angegebenen Elementsammlung.
Wenn das angegebene DOM-Objekt oder jQuery-Objekt nicht in der angegebenen Elementsammlung gefunden wird, ist der Rückgabewert -1.

Code kopieren Der Code lautet wie folgt:

$(selector).index(element)

Parameterliste:

参数	描述
element	获得index位置的DOM对象或者jQuery对象。

Beispielcode:

Beispiel 1:

Code kopieren Der Code lautet wie folgt:

• Backstage-Bereich


• Rezeptionsbereich


• Datenbankbereich


• Webmaster-Kommunikation

Die Position des aktuellen li-Elements:0

Klicken, um Ergebnisse anzuzeigen

Beispiel 2:

Da kein passendes Element gefunden wird, ist der Rückgabewert -1.

Code kopieren Der Code lautet wie folgt:

• Backstage-Bereich


• Rezeptionsbereich


• Datenbankbereich


• Webmaster-Kommunikation

Suchoptimierung

Die Position des aktuellen li-Elements:0

Klicken Sie, um das Beispiel anzuzeigen

Grammatikstruktur drei:

Wenn der Parameter der Methode ein Selektor ist, wird das Element aus der Sammlung von Objekten gefunden, die über diesen Selektor erhalten werden.

Code kopieren Der Code lautet wie folgt:

$(selector).index(Jqselector)

Parameterliste:

参数	描述
Jqselector	选择器，将会从通过此选择器获得的对象中查找元素。

Beispielcode:

Code kopieren Der Code lautet wie folgt:

• Backstage-Bereich


• Rezeptionsbereich


• Datenbankbereich


• Webmaster-Kommunikation

Suchoptimierung

Die Position des aktuellen li-Elements:0

Klicken Sie, um das Beispiel anzuzeigen

Der obige Code ermittelt die Indexposition des li-Elements mit dem ID-Wert qian in der Sammlung von li-Objekten, die über den li-Selektor abgerufen werden.

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.