Heim > Web-Frontend > Front-End-Fragen und Antworten > So ermitteln Sie, welche Nummer in jquery ausgewählt ist

So ermitteln Sie, welche Nummer in jquery ausgewählt ist

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Freigeben: 2022-01-10 16:38:31
Original
2103 Leute haben es durchsucht

In jquery können Sie die Methode index() verwenden, um zu bestimmen, um welches Element es sich handelt. Diese Methode wird verwendet, um die Indexposition des angegebenen Elements relativ zu anderen angegebenen Elementen zurückzugeben. Die Syntax lautet „angegebenes Element object.index“. (Das)" .

So ermitteln Sie, welche Nummer in jquery ausgewählt ist

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

Wie jQuery bestimmt, welches Element ausgewählt ist

Angenommen, es gibt den folgenden HTML-Code:

<ul>
    <li>jQuery判断当前元素是第几个元素示例</li>
    <li>jQuery获取第N个元素示例</li>
    <li>jQuery选择器示例</li></ul>
Nach dem Login kopieren

jQuery bestimmt, welches Element das aktuelle Element ist

Wenn wir auf ein beliebiges li-Tag klicken, möchten wir es wissen der aktuelle Um festzustellen, auf welches Li-Tag Sie geklickt haben, können Sie den folgenden Code verwenden:

$("ul li").click(function () {
    var index = $("ul li").index(this);
    alert(index);
 });
Nach dem Login kopieren

Wenn Sie wie im obigen jQuery-Code auf das erste Li-Tag klicken, wird „0“ angezeigt, wenn es sich um das zweite Li-Tag handelt , wird „1“ angezeigt. Bitte beachten Sie, dass die Indexsequenznummern bei 0 beginnen. Die Methode

index() gibt die Indexposition des angegebenen Elements relativ zu anderen angegebenen Elementen zurück.

Diese Elemente können über jQuery-Selektoren oder DOM-Elemente angegeben werden.

Hinweis: index() gibt -1 zurück, wenn das Element nicht gefunden wird.

Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie, welche Nummer in jquery ausgewählt ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage