Access 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: jquery data attribute

/* html */ <a data-number="123">link</a>  /* js */ $(this).attr("data-number") // returns string "123"  $(this).data("number") // returns number 123 (jQuery >= 1.4.3 only)

Example 3: find element with data attribute jquery

$("ul").find(`[data-slide='${current}']`)

Example 4: jquery get data attribute

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

Example 5: 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 }