Javascript get data-id attribute value
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>
If you like what you are reading, please consider buying us a coffee ( or 2 ) as a token of appreciation.
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.
Random Code Snippet Queries: Javascript
- Prism js horizontally overflowing its container
- Trim the leading and trailing comma from string in Javascript
- Apexcharts example code
- How to remove duplicate values from array in javascript
- How to Set data to localstorage in javascript
- JavaScript test() Method
- Execute function with condition in javascript
- Generate 6 digit random number in javascript
- How to use JavaScript to search for items in a list
- ReferenceError: Cannot access 'myFunction' before initialization
- Remove hostname from URL in javascript
- How to crop multiple images with cropper js
- Remove property from object in javascript
- Copy one array to another in javascript
- How to open modal after redirect
- Json stringify
- Animating numbers counting Javascript
- How to preview video before uploading in javascript
- How to echo array in Javascript
- How to add a property to object with condition in javascript
- How to preview a word document in HTML using javascript
- Javascript set timeout function with example code
- How to validate empty space in textbox in Javascript
- How can I add a key/value pair to a JavaScript object
- Uncaught TypeError: Assignment to constant variable