/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

0 vote200 views1 answer
How to get value of button that click on it jquery
Javascript jQuery
85 votes212 views6 answers
How to check checkbox using jquery
Javascript jQuery
13 votes209 views4 answers
Jquery 3.2 1 min js download
Javascript jQuery
26 votes149 views3 answers
Jquery submit form ajax
Javascript jQuery
9 votes195 views3 answers
Jquery is visible
Javascript jQuery
34 votes197 views2 answers
Jquery global variable
Javascript jQuery
0 vote197 views1 answer
Silk carousel jquery
Javascript jQuery
0 vote214 views1 answer
Jquery get value name uploaded file
Javascript jQuery
0 vote202 views1 answer
Remove shadow in jquery
Javascript jQuery
0 vote206 views1 answer
Jquery keep scroll position
Javascript jQuery