Zugriff auf das data-id-Attribut mit jQuery

Bei der Arbeit mit dem jQuery Quicksand-Plugin ist es oft notwendig, das „data-id“-Attribut angeklickter Elemente abzurufen Informationen an verschiedene Webdienste weitergeben. So erhalten Sie diesen Attributwert effektiv:

Auf das Attribut „data-id“ kann mit der Methode .attr() in jQuery zugegriffen werden. Die Syntax lautet wie folgt:

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

Dieser Ausdruck gibt den Wert des Attributs „data-id“ als String zurück.

Zum Beispiel, wenn das angeklickte Element den folgenden HTML-Code hat:

Das Folgende Der jQuery-Code ruft das Attribut „data-id“ ab:

$("#list li").on('click', function() {
  // Get the data-id value
  var dataId = $(this).attr("data-id");
  // Use the dataId value as needed
});

Alternativ können Sie die .data()-Methode für jQuery-Versionen 1.4.3 und höher verwenden. Die Methode .data() gibt den Wert „data-id“ als nativen JavaScript-Typ (z. B. Zahl, Boolescher Wert) und nicht als Zeichenfolge zurück.

$(this).data("id")

Denken Sie daran, dass bei Verwendung der .data()-Methode der Teil nach „data-“ Kleinbuchstaben sein muss. Beispielsweise schlägt „data-idNum“ fehl, während „data-idnum“ erfolgreich ist.