/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

1 vote285 views1 answer
Jquery calculate datetime difference
Javascript jQuery
2 votes298 views2 answers
Get form data serialize jquery
Javascript jQuery
7 votes311 views1 answer
Jquery toggle show hide
Javascript jQuery
16 votes288 views4 answers
Jquery data selector
Javascript jQuery
1 vote246 views1 answer
Select readonly jquery
Javascript jQuery
18 votes283 views6 answers
CHECK IF element is hidden jquery
Javascript jQuery
14 votes286 views5 answers
/on in jquery
Javascript jQuery
1 vote341 views1 answer
Jquery form validation plugin callback function
Javascript jQuery
-1 vote285 views3 answers
Onclick cloSe tab in jquery
Javascript jQuery
1 vote305 views2 answers
Jquery if null or empty
Javascript jQuery