/* html */
<a data-id="123">link</a>
/* js */
$(this).attr("data-id") // returns string "123"
$(this).data("id") // returns number 123 (jQuery >= 1.4.3 only)var element = document.querySelector('.element');
var dataAttribute = element.getAttribute('data-name');
// replace "data-name" with your data attribute name
console.log(dataAttribute);//get data-id attribute in plain Javascript
var element = document.getElementById('myDivID');
var dataID = element.getAttribute('data-id');
//get data-id using jQuery
var dataID = $('myDivID').data('data-id');
var dataId = $(this).attr("data-id");Syntax:
<data value=" "> Write your text here </data>
Example:
<body>
<h2>Example for HTML Data Tag</h2>
<p>Subjects Name:</p>
<ul>
<li> <data value="1000">Maths</data></li>
<li> <data value="1003">Science</data></li>
<li> <data value="1009">English</data></li>
</ul>
</body>