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

WBOY
WBOYOriginal
2022-01-10 16:38:311933Durchsuche

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>

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);
 });

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!

Stellungnahme:
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
Vorheriger Artikel:Woraus besteht eine Vue-Seite?Nächster Artikel:Woraus besteht eine Vue-Seite?