/Javascript/jQuery/Jquery data attribute

Jquery data attribute

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)

Source: stackoverflow.com

Find element with data attribute jquery

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

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)

Source: stackoverflow.com

Jquery get data attribute

<a data-id="123">link</a>


var id = $(this).data("id"); // Will set id to 123

Source: stackoverflow.com

Jquery get data-id

const dataId = $('#elementId').attr("data-id");

Set data attribute with a string jquery

alert($('#outer').html());   // alerts <div id="mydiv" data-myval="10"> </div>
var a = $('#mydiv').data('myval'); //getter
$('#mydiv').attr("data-myval","20"); //setter
alert($('#outer').html());   //alerts <div id="mydiv" data-myval="20"> </div>

Source: stackoverflow.com

Similar codes

4 votes213 views3 answers
Jquery get selected checkboxes
Javascript jQuery
7 votes176 views5 answers
How to remove child element in jquery
Javascript jQuery
-1 vote194 views1 answer
Id in class selector jquery
Javascript jQuery
0 vote173 views1 answer
Jquery number format comma
Javascript jQuery
0 vote189 views1 answer
Jquery selector exists
Javascript jQuery
0 vote200 views1 answer
Jquery show for 5 seconds
Javascript jQuery
8 votes181 views1 answer
Get all parameters from url in jquery
Javascript jQuery
57 votes221 views4 answers
Loop through json object jquery
Javascript jQuery
16 votes199 views2 answers
How to make button disabled in jquery before send
Javascript jQuery
14 votes306 views4 answers
Convert js to jquery online
Javascript jQuery