How to get the value of custom attribute in jQuery?


To get the value in jQuery, use the data-attributes with the data() method. You can try to run the following code to implement how to get the value of custom attribute:

Example

Live Demo

<html>
   <head>
      <title>Selector Example</title>
      <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script>

         $(document).ready(function() {
            alert($('#my_id').data('original-title'));
         });
         
      </script>
   </head>
   <body>
      <strong id="my_id" data-original-title="Hello">Demo</strong>
   </body>
</html>

Updated on: 13-Feb-2020

1K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements