Heim  >  Artikel  >  jquery klickt, um das aktuelle Element abzurufen

jquery klickt, um das aktuelle Element abzurufen

百草
百草Original
2023-06-13 11:00:273085Durchsuche

Die jQuery-Klickmethode zum Abrufen des aktuellen Elements: 1. Erstellen Sie eine HTML-Beispieldatei und verwenden Sie die Methode „bind()“, um das Klickereignis „click“ an jedes li-Tag zu binden Positionsindex des aktuell angeklickten li-Tags über die Methode „index()“, die Syntax lautet „$(element object).bind('click',function(){element object.index();})“; Mit der Methode „alert()“ kann der Indexwert ausgegeben werden.

jquery klickt, um das aktuelle Element abzurufen

Das Betriebssystem dieses Tutorials: Windows 10-System, jQuery Version 3.6.4, Dell G3-Computer.

Die jQuery-Klickmethode, um das aktuelle Element abzurufen:

Verwenden Sie zunächst die bind()-Methode, um das Klickereignis an das Element zu binden und eine Ereignisverarbeitungsfunktion anzugeben. Verwenden Sie in der Verarbeitungsfunktion die index()-Methode Um die Indexposition zu berechnen, lautet die Syntax „$(element object).bind('click',function(){element object.index();})“.

In jquery können Sie die Methode index() verwenden, um zu ermitteln, auf welches Element gerade geklickt wird. Das folgende Beispiel erklärt, wie man mit jquery erkennt, auf welches Li ich geklickt habe.

1. Erstellen Sie eine neue HTML-Datei mit dem Namen test.html, um zu erklären, wie Sie mit jquery herausfinden, auf welches Li ich geklickt habe. Verwenden Sie das Skript-Tag, um die Datei jquery.min.js zu laden. Erst wenn die Datei erfolgreich geladen wurde, können Sie die jquery-Methode verwenden. Verwenden Sie das ul-Tag und das li-Tag, um eine Liste zu erstellen, beispielsweise eine Liste mit drei Elementen. Verwenden Sie die Methode ready(), um die Funktionsmethode beim Laden der Seite auszuführen.

jquery klickt, um das aktuelle Element abzurufen

2. Verwenden Sie in der Funktionsmethode den Indexwert des aktuellen Li-Tags, indem Sie die Methode bind() an jedes Li binden index()-Methode. Verwenden Sie abschließend die alarm()-Methode, um den Indexwert auszugeben.

jquery klickt, um das aktuelle Element abzurufen

Öffnen Sie die Datei test.html im Browser und klicken Sie auf die Schaltfläche, um die Ergebnisse anzuzeigen.

jquery klickt, um das aktuelle Element abzurufen

Zusammenfassung:

1. Verwenden Sie die Methode bind(), um das Klickereignis an jedes Li-Tag zu binden.

2. Erhalten Sie den Positionsindex des aktuell angeklickten li-Tags über die Methode index().

Hinweis: Der von

index() erhaltene Index beginnt bei 0, daher muss im obigen Beispiel 1 hinzugefügt werden.

Das obige ist der detaillierte Inhalt vonjquery klickt, um das aktuelle Element abzurufen. 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