Reading data-* Attributes
jQuery's .data() automatically reads HTML data-* attributes on first access, converting kebab-case to camelCase.
jQuery
Beginner
3 min read
Reading HTML data-* Attributes
Example
<button id="btn"
data-user-id="42"
data-role="admin"
data-score="9.5">Click me</button>
<script>
const btn = $("#btn");
console.log(btn.data("userId")); // 42 (not "42" — auto-converted)
console.log(btn.data("role")); // "admin"
console.log(btn.data("score")); // 9.5 (float, not string)
</script> Pro Tip
jQuery auto-converts data attribute values to their detected JavaScript type (number, boolean, JSON).