Wie rufe ich mit jQuery einen „data-id'-Attributwert ab?

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 Zeichenfolge zurück.

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

<li data-id="id-40">...</li>

Der folgende 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 Sie kann 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, wenn Sie die Methode .data() verwenden , der Teil nach „data-“ muss kleingeschrieben sein. Beispielsweise schlägt „data-idNum“ fehl, während „data-idnum“ erfolgreich ist.

Das obige ist der detaillierte Inhalt vonWie rufe ich mit jQuery einen „data-id'-Attributwert ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!