/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

1 vote143 views3 answers
Jquery ajax CORS
Javascript jQuery
1 vote150 views1 answer
How can I refresh a page with jQuery
Javascript jQuery
11 votes140 views2 answers
Check if textbox is focused jquery
Javascript jQuery
28 votes132 views4 answers
Get value for radio button in jquery label
Javascript jQuery
0 vote146 views1 answer
Website implement jquery in js
Javascript jQuery
0 vote82 views1 answer
Jquery each input
Javascript jQuery
0 vote175 views1 answer
Jquery checkbox listener not working on programmatically change
Javascript jQuery
0 vote138 views1 answer
Jquery to set value in select2 dropdown button
Javascript jQuery
4 votes129 views4 answers
Trigger jquery
Javascript jQuery
0 vote149 views1 answer
Validation for start date and end date in jquery
Javascript jQuery