/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

19 votes147 views6 answers
Jquery modal popup
Javascript jQuery
0 vote132 views1 answer
JQuery onclick not firing on dynamically inserted HTML elements
Javascript jQuery
0 vote85 views1 answer
JQMIGRATE: jQuery.fn.keyup() event shorthand is deprecated
Javascript jQuery
63 votes137 views6 answers
Addclass jquery
Javascript jQuery
5 votes119 views2 answers
Jquery get 2 hours frmo now
Javascript jQuery
131 votes279 views6 answers
Jquery doc ready
Javascript jQuery
0 vote120 views1 answer
Image animation jquery
Javascript jQuery
1 vote129 views1 answer
Store id of an element jquery
Javascript jQuery
23 votes127 views6 answers
JQuery check a radio button
Javascript jQuery
0 vote124 views1 answer
Extend current date with 30 days in jquery datepicker
Javascript jQuery