Example 1: jquery get data attribute value
<a data-id="123">link</a> $(this).attr("data-id") $(this).data("id")
Example 2: jquery data attribute
<a data-number="123">link</a> $(this).attr("data-number") $(this).data("number")
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");
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 }
Comments
Post a Comment