/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

13 votes196 views4 answers
Jquery 3.2 1 min js download
Javascript jQuery
1 vote189 views1 answer
Jquery not found error
Javascript jQuery
0 vote155 views1 answer
JQMIGRATE: jQuery.fn.keyup() event shorthand is deprecated
Javascript jQuery
0 vote190 views1 answer
Add options to select box dynamically jquery
Javascript jQuery
0 vote197 views1 answer
How to count the rows of gridview in asp.net using jquery
Javascript jQuery
0 vote196 views1 answer
Group by hash in jquery
Javascript jQuery
0 vote186 views1 answer
Jquery swap table rows
Javascript jQuery
0 vote183 views1 answer
To append dropdown option using jquery
Javascript jQuery
2 votes212 views1 answer
Jquery sort select options by text
Javascript jQuery
2 votes195 views1 answer
Set onclick jquery
Javascript jQuery