Button Data Attribute Jquery Code Example

Example 1: jquery get data attribute value

/* 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)

Example 2: javascript get data-id attribute

//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');

Example 3: jquery get data attribute

<a data-id="123">link</a>   var id = $(this).data("id"); // Will set id to 123

Example 4: jquery data attribute

data attribute in jquery   For setting attribute data to the element Html <p id="assign">Assigning data attribute</p> jquery $("#assign").data("title","firstparagraph");  Output: <p id="assign" data-title="firstparagraph">Assigning data attribute</p>  For getting attribute data from the element Html <p id="assign" data-title="firstparagraph">Assigning data attribute</p> jquery console.log($("#assign").data("title")); console.log($("#assign").data());  Output: firstparagraph { title: firstparagraph }