Javascript get data-id attribute value

Created at 27-Aug-2021 , By samar

Javascript get data-id attribute value

We’ll attempt to use programming in this lesson to solve the "Javascript get data-id attribute value" puzzle.

Sometimes we have to get the value of the custom data-id attribute from the html element and we can get data-id attribute value using javascript using the onclick event on the element.
  • Get data-id attribute value using onclick event on button in javascript

    <button data-id="5" onclick="followUser(this); return false;">Follow</button>
    
    <script>
    function followUser(e){
        var id = e.getAttribute('data-id');
        console.log(id);
    }
    </script>
    

    This code snippet will help you to get the value of data-id attribute using onclick event on button in javascript.

  • JQuery get data id attribute value on click button

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <button type="button" data-id="5" id="Button">Follow</button>
    <script>
    $(document).ready(function(){
        $('#Button').on('click', function(){
        	var value = $(this).attr('data-id');
            alert(value);
            console.log(value);
        });
    });
    </script>
    

Back to code snippet queries related javascript

If you like what you are reading, please consider buying us a coffee ( or 2 ) as a token of appreciation.

Buy Me A Coffee

Don't forget to share this article! Help us spread the word by clicking the share button below.

We appreciate your support and are committed to providing you valuable and informative content.

We are thankful for your never ending support.