/Javascript/jQuery/Set custom data attribute jquery

Set custom data attribute jquery

//<div id="myElementID" data-myvalue="37"></div>
var a = $('#myElementID').data('myvalue'); //get myvalue
$('#myElementID').data('myvalue',38); //set myvalue

//set the custom data value
let mainDiv = $('#yourDivId').data('anyName', value);
//access the custom data value
mainDiv.data('anyName');

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 vote170 views1 answer
JQuery onclick not firing on dynamically inserted HTML elements
Javascript jQuery
22 votes165 views6 answers
Jquery modal close
Javascript jQuery
0 vote230 views1 answer
Jquery check if parent has 2 chlds
Javascript jQuery
0 vote164 views1 answer
Anonymous function jquery
Javascript jQuery
0 vote173 views1 answer
Add padding to a div slow jquery
Javascript jQuery
25 votes154 views6 answers
Jquery select option by text
Javascript jQuery
2 votes157 views2 answers
Get form data serialize jquery
Javascript jQuery
9 votes156 views3 answers
Jquery animation
Javascript jQuery
21 votes156 views3 answers
Jquery scroll to position
Javascript jQuery
111 votes341 views6 answers
Jquery link cdn
Javascript jQuery