/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

3 votes287 views6 answers
Jquery ajax post
Javascript jQuery
2 votes264 views1 answer
Select first option in dropdown jquery
Javascript jQuery
0 vote274 views1 answer
Create a form and submit it dynamically jquery
Javascript jQuery
1 vote235 views1 answer
Jquery remove readonly
Javascript jQuery
0 vote264 views1 answer
Json url data is not showing in console using jquery
Javascript jQuery
0 vote253 views1 answer
Click anchor tag using jquery
Javascript jQuery
1 vote256 views2 answers
$.post jquery beforesend loader
Javascript jQuery
0 vote262 views1 answer
Jquery post with promises
Javascript jQuery
5 votes254 views4 answers
Jquery insert option into select
Javascript jQuery
2 votes251 views1 answer
Jquery disable class attribute
Javascript jQuery