Wie erhalte ich mit jQuery das Attribut „data-id' eines angeklickten Elements?

Erhalten Sie das Daten-ID-Attribut für jQuery-Klickereignisse

Beim Arbeiten mit dem jQuery-Quicksand-Plugin ist es notwendig, die Daten-ID abzurufen Attribut eines angeklickten Elements zur Übergabe an einen Webservice. Dieses Attribut ist entscheidend für die Identifizierung des spezifischen Elements.

Um das Daten-ID-Attribut mithilfe der .on()-Methode von jQuery zu erhalten, verwenden Sie die folgende Syntax:

$(this).attr("data-id");

Dieser Befehl ruft den Wert ab verknüpft mit dem data-id-Attribut des Elements, das das Klickereignis ausgelöst hat.

Im bereitgestellten Beispiel Code:

$("#list li").on('click', function() {
  // Retrieve the data-id value
  let dataId = $(this).attr("data-id");
});

Hier enthält dataId den Wert des data-id-Attributs des angeklickten Listenelements (

).

Wenn Sie jQuery 1.4 verwenden. 3 oder höher können Sie alternativ die Methode .data() verwenden:

$(this).data("id");

Diese Methode gibt den Wert des data-id-Attributs als zurück numerischer Wert, wenn es sich um eine Ganzzahl handelt.

Denken Sie daran, dass der Name des Attributs in data- in Kleinbuchstaben geschrieben sein muss. Beispielsweise ist „data-id“ gültig, während „data-idNum“ ungültig ist.

Das obige ist der detaillierte Inhalt vonWie erhalte ich mit jQuery das Attribut „data-id' eines angeklickten Elements?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!