Heim  >  Artikel  >  Web-Frontend  >  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

巴扎黑
巴扎黑Original
2017-06-23 10:07:231900Durchsuche

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 + "\" />");

Beginnen Sie damit, ihn so zu erhalten:

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

Nein. Später habe ich Folgendes verwendet:

    function upimg(){
        alert(event.target.id);
        }

, 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!

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