Wie erhalte ich die ID eines Elements von Ereignis-Listenern mithilfe von jQuery und JavaScript?

Abrufen der Element-ID in Ereignis-Listenern mit jQuery und JavaScript

Um Ereignisinteraktionen in JavaScript effektiv zu handhaben, identifizieren Sie das dafür verantwortliche Element Das Ereignis ist entscheidend. So rufen Sie mit jQuery und Vanilla JavaScript die ID des Elements ab, das das Ereignis ausgelöst hat.

jQuery-Ansatz

jQuery bietet eine effiziente Methode für den Zugriff auf das Zielelement hat ein Ereignis ausgelöst. Innerhalb der Event-Listener-Funktion enthält der Event-Parameter mehrere nützliche Attribute. Eine solche Eigenschaft ist event.target, die sich direkt auf das Element bezieht, das das Ereignis ausgelöst hat.

Um die ID des Elements abzurufen, verwenden Sie einfach die folgende Syntax:

event.target.id

Beispiel:

$(document).ready(function() {
  $("a").click(function(event) {
    alert(event.target.id);
  });
});

Vanilla JavaScript Ansatz

Während jQuery den Prozess vereinfacht, bietet Vanilla JavaScript eine andere Möglichkeit, auf die ID des auslösenden Elements zuzugreifen. Das aktuelle Zielelement wird in Vanilla-JavaScript immer als erstes Argument von Ereignis-Listenern übergeben. Dieses Argument kann beliebig benannt werden, aber „Ereignis“ ist eine gängige Konvention.

Um die ID des Elements zu erhalten, verwenden Sie die folgende Syntax:

event.target.id

Beispiel:

document.addEventListener("click", function(event) {
  alert(event.target.id);
});

Hinweis:

Das ist unbedingt zu bedenken Das Ereignisobjekt ist im Vanilla-JavaScript-Ansatz kein jQuery-Objekt. Um jQuery-Funktionen für das Zielelement zu verwenden, schließen Sie es in die $()-Syntax ein:

$(event.target).append(" Clicked");

Das obige ist der detaillierte Inhalt vonWie erhalte ich die ID eines Elements von Ereignis-Listenern mithilfe von jQuery und JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!