Skip to main content

Javascript get data-id attribute value

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

Bootstrap CodeIgniter Css Html Javascript Jquery Laravel Nodejs Php Python Sql Typescript Wordpress
Random Code Snippet Queries: Javascript
Share on social media

Copyright © w3codegenerator.com

All Rights Reserved.