Wie kann ich die ID des Elements abrufen, das ein jQuery-Ereignis ausgelöst hat?

Ermitteln der Element-ID, die ein Ereignis auslöst

In der Webentwicklung besteht häufig die Notwendigkeit, die Kennung des Elements abzurufen, das ein Ereignis ausgelöst hat Ereignis, wie z. B. ein Tastenklick oder ein Mauszeiger. In diesem Artikel wird erläutert, wie Sie die ID dieses Elements mithilfe der beliebten JavaScript-Bibliothek jQuery abrufen.

jQuery-Ereignisobjekt

Das Ereignissystem von jQuery stellt ein Objekt als eines der übergebenen Argumente bereit Ereignishandler. Dieses Objekt enthält verschiedene Eigenschaften, darunter eine namens „target“, die direkt auf das Element verweist, das das Ereignis ausgelöst hat.

Abrufen der ID mithilfe von target.id

Zum Abrufen der ID des auslösenden Elements greifen Sie einfach auf die Eigenschaft target.id im Event-Handler zu. Der folgende Codeausschnitt zeigt beispielsweise, wie die ID des angeklickten Elements benachrichtigt wird:

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

jQuery-Objekt vs. DOM-Element

Dieses Ereignis ist erwähnenswert .target ist kein jQuery-Objekt, sondern ein DOM-Element. Wenn Sie jQuery-Funktionen für dieses Element verwenden möchten, müssen Sie mit $(this) darauf zugreifen, wie unten gezeigt:

$(document).ready(function() {
    $("a").click(function(event) {
        $(this).append(" Clicked");
    });
});

Das obige ist der detaillierte Inhalt vonWie kann ich die ID des Elements abrufen, das ein jQuery-Ereignis ausgelöst hat?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!