How to Get Attribute Value in JQuery?
If you are new and you want to get attribute value then you can get easily. sometime maybe we also need to get custom attribute value, i mean data attribute value. In following example i give you three way to get custom attribute value in jquery.
Example:
<html lang="en">
<head>
<title>Get Custom Attribute Value</title>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<a href="example.com" data-id="1" myname="hd">Example</a>
<script type="text/javascript">
var a_href = $("a").attr("href");
alert(a_href);
var a_data_id = $("a").data("id");
alert(a_data_id);
var a_myname = $("a").attr("myname");
alert(a_myname);
</script>
</body>
</html>
I hope it can help you...
Hardik Savani
I'm a full-stack developer, entrepreneur and owner of ItSolutionstuff.com. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Laravel, Angular, Vue, Node, Javascript, JQuery, Codeigniter and Bootstrap from the early stage. I believe in Hardworking and Consistency.
We are Recommending you
- How to Remove Special Characters from a String in JQuery?
- JQuery Remove All Numbers from String Example
- How to Download File using JQuery?
- How to use Laravel Variable in JQuery?
- Jquery Convert Object to String Example
- JQuery - How to Count Child Elements in Div?
- JQuery Remove Parent Table Row on Button Click Event
- How to Check If Key Exists in JSON Object using JQuery?
- How to Remove Comma from String in JQuery?
- JQuery Draggable Sortable Table Rows Example
- How to Upload Image using jQuery Ajax in PHP?
- How to Allow Only One Checkbox Checked at a Time in JQuery?
- How to Check Undefined, Empty and Null in JQuery?
- How to Convert Line Breaks to br in jQuery ?