/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 votes324 views2 answers
How to iterate over list in jquery
Javascript jQuery
0 vote320 views1 answer
Window widht jquery
Javascript jQuery
1 vote325 views1 answer
Jquery chrome console
Javascript jQuery
2 votes316 views1 answer
Jquery if attribute
Javascript jQuery
10 votes375 views3 answers
How to change checkbox state in jquery
Javascript jQuery
1 vote331 views2 answers
Jquery :not class
Javascript jQuery
2 votes338 views1 answer
Empty the value of an input in jquery
Javascript jQuery
0 vote314 views1 answer
Disable jquery ajax call on init
Javascript jQuery
0 vote338 views1 answer
Clear localstorage on click jquery
Javascript jQuery
0 vote313 views1 answer
Error message to show in label jquery
Javascript jQuery