jQuery data-* Attribute auslesen

Posted by in JavaScript

Da arbeitet man schon so lange mit jQuery und kennt doch noch nicht alle Tricks. Diesen hier finde ich ganz interessant, deswegen bekommt er einen Blog spendiert.

Die Ausgangssituation

Immer wieder sind in Elementen Attribute der Form data-* zu finden. Nehmen wir als Beispiel einmal das folgende Element.

Bis jetzt habe ich das immer so ausgelesen.

Spezieller Zugriff auf data-*

Es gibt aber einen besseren Weg, den jQuery speziell für diese Art von Attributen bereitstellt. Nämlich die Methode data.

Damit lassen sich data-* Attribute bequem auslesen. Und ich habe mich schon immer gewundert, warum alle data-* Attribute verwenden 😉

Wer ein bisschen damit rumspielen will, für den habe ich den Beispielcode noch in eine JSFiddle verpackt.