/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

28 votes146 views3 answers
Jquery check if element still exists
Javascript jQuery
0 vote159 views2 answers
Loading button jquery
Javascript jQuery
0 vote144 views1 answer
Selector id jquery but is variable
Javascript jQuery
0 vote140 views1 answer
Jquery wp disable
Javascript jQuery
0 vote144 views1 answer
Jquery populate select from json
Javascript jQuery
2 votes145 views1 answer
Push tr in tbody using jquery
Javascript jQuery
0 vote148 views1 answer
Jquery datatable iterate all rows
Javascript jQuery
0 vote142 views1 answer
Jquery check if click to this self not this child
Javascript jQuery
5 votes165 views2 answers
Jquery get version
Javascript jQuery
0 vote139 views1 answer
Attr hidden to show jquery
Javascript jQuery