Jquery Get Data Attribute

Jquery Get custom data attribute value & jquery find element by data attribute

index.html

<!DOCTYPE html>
<html>
<head>
    <title>Jquery Set custom data attribute value | Jquery Get custom data attribute value - Pakainfo.com</title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
</head>
<body>
  
<div id="example2">Working with me</div>
<button class="set-data">Set Attribute</button>
<button class="get-data">Get Attribute</button>
      
<script type="text/javascript">
  
$(".set-data").click(function(){
    $("#example2").data('name', 'Pakainfo.com 2');
});
   
$(".get-data").click(function(){
    var name = $("#example2").data('name');
    alert(name);
});
  
</script>
   
</body>
</html>

Rate this post

Pakainfo

I am Jaydeep Gondaliya , a software engineer, the founder and the person running Pakainfo. I’m a full-stack developer, entrepreneur and owner of Pakainfo.com. I live in India and I love to write tutorials and tips that can help to other artisan, a Passionate Blogger, who love to share the informative content on PHP, JavaScript, jQuery, Laravel, CodeIgniter, VueJS, AngularJS and Bootstrap from the early stage.

Also Read This 👉 jquery check if element exists

Related posts: