Heim > Web-Frontend > js-Tutorial > Wie erhalte ich mit jQuery das Attribut „data-id' eines angeklickten Elements?

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

Patricia Arquette
Freigeben: 2024-12-09 17:34:10
Original
356 Leute haben es durchsucht

How Do I Get the `data-id` Attribute of a Clicked Element using jQuery?

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");
Nach dem Login kopieren

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");
});
Nach dem Login kopieren

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");
    Nach dem Login kopieren

    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!

  • 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
    Neueste Artikel des Autors
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage