Die index-Methode in jQuery

Wenn wir die Positionsnummer eines Elements in einem Set finden müssen, können wir die Methode index verwenden.

Wir können die Positionsnummer eines Elements relativ zu seinen Geschwisterelementen ausgeben. Beispielsweise haben wir eine geordnete Liste:

<ol>
	<li>text</li>
	<li id="test">text</li>
	<li>text</li>
</ol>
<div>text</div>

Mit Hilfe der Methode index geben wir jetzt die Nummer des div aus:

let num = $('div').index();
alert(num);

Man kann zusätzlich einen Selektor übergeben. Betrachten wir den folgenden HTML-Code:

<ol>
	<li id="first">text</li>
	<li id="test">text</li>
	<li>text</li>
</ol>
<div>text</div>

Nun übergeben wir in den Parametern neben dem Tagnamen des Elements auch den id-Namen:

let num = $('li').index($('#test'));
alert(num);

Wenn ein solches Element nicht gefunden wird, gibt die Methode -1 zurück.

Ermitteln Sie die Nummer des li mit #test unter Verwendung nur des Tagnamens des Elements.

Ermitteln Sie die Nummer des li mit #first, indem Sie zusätzlich den Selektornamen angeben.