Heim > Web-Frontend > js-Tutorial > Analysieren Sie, wie Sie den ID-Namen der aktuellen Schaltfläche oder des HTML-Codes erhalten

Analysieren Sie, wie Sie den ID-Namen der aktuellen Schaltfläche oder des HTML-Codes erhalten

巴扎黑
Freigeben: 2017-06-23 10:07:23
Original
1955 Leute haben es durchsucht

Was ich heute getan habe, ist ein Bild hochzuladen und auf das Bild zu klicken, um es zu löschen.

Geben Sie nach dem Zufallsprinzip eine Bild-ID ein, rufen Sie die Bild-ID ab und löschen Sie dann das Bild.

Da die Bild-ID zufällig ist, funktioniert ein Klick auf das Bild oder auf die Klasse nicht, um die ID abzurufen. Verwenden Sie abschließend das Ereignis onclick, um sie abzurufen.

JS-Code lautet wie folgt:

$("#pic").append("<img style=&#39;width:70px;margin:5px;height:70px;&#39; id=&#39;"+num+"&#39; onclick=&#39;upimg()&#39; src=\"" + images.localId + "\" />");
Nach dem Login kopieren

Beginnen Sie damit, ihn so zu erhalten:

    function upimg(){var id= $(this).attr("id");
        alert(id);
        }
Nach dem Login kopieren

Nein. Später habe ich Folgendes verwendet:

    function upimg(){
        alert(event.target.id);
        }
Nach dem Login kopieren

, um es zu bekommen.

Zusammenfassung:

Versuchen Sie, event.target.id anstelle von this.id zu verwenden.
Bei Verwendung der Ereignisdelegierung zeigt this auf das Element, das auf das Ereignis warten muss, nicht auf das Element, auf das geklickt wurde. event.target.id zeigt immer auf das angeklickte Element

Das obige ist der detaillierte Inhalt vonAnalysieren Sie, wie Sie den ID-Namen der aktuellen Schaltfläche oder des HTML-Codes erhalten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
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