/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

6 votes158 views4 answers
Getting href value in jquery
Javascript jQuery
3 votes156 views2 answers
Jquery disable checkbox
Javascript jQuery
0 vote132 views1 answer
Jquery find id with string at end
Javascript jQuery
0 vote143 views2 answers
Jquery upload image
Javascript jQuery
0 vote150 views1 answer
Upload multiple image using jquery
Javascript jQuery
21 votes145 views5 answers
Jquery run after page load
Javascript jQuery
0 vote139 views1 answer
Check if class is active jquery
Javascript jQuery
19 votes154 views5 answers
How to show modal with jquery
Javascript jQuery
2 votes140 views1 answer
Test if jquery works
Javascript jQuery
22 votes141 views3 answers
Page Reload detect in jquery
Javascript jQuery