Sometimes, we want to get custom attribute values with jQuery.
In this article, we’ll look at how to get custom attribute values with jQuery.
How to get custom attribute values with jQuery?
To get custom attribute values with jQuery, we can use the data
method.
For instance, we write:
<div data-something="bar"></div>
to add a div with the data-something
custom attribute.
And then we get the value of data-something
by writing:
console.log($("div").data("something"))
We select the div with $
.
And then we call data
with the part of the attribute name after data-
to get its value.
Therefore, the console log logs 'bar'
as a result.
Conclusion
To get custom attribute values with jQuery, we can use the data
method.