Add Attribute to Specific HTML Tags in jQuery



Use the attr() method to add an attribute into specific HTML tags in jQuery.

Example

You can try to run the following code to learn how to add an attribute into specific HTML tags:

Live Demo

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
  $(document).ready(function(){
      $(document).ready(function(){
         $("button.button1").attr("myid", "myvalue");
           $('button').on('click', function() {
       
            if (this.hasAttribute("myid")) {
               alert('True: The new attribute added successfully.')
            } else {
               alert('False')
            }
          })
      });
  });
</script>
</head>
<body>
    <button class='button1'>
      Button 1
    </button>
</body>
</html>
Updated on: 2019-12-18T08:19:15+05:30

1K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements