/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

0 vote349 views2 answers
How to assign bootstrapswitch using jquery
Javascript jQuery
5 votes312 views3 answers
Jquery disable select
Javascript jQuery
1 vote309 views1 answer
Jquery select option auto select
Javascript jQuery
2 votes331 views1 answer
How to run function after animation complete jquery
Javascript jQuery
4 votes335 views4 answers
Get name jquery
Javascript jQuery
20 votes295 views2 answers
Jquery select checked radio button value
Javascript jQuery
0 vote271 views1 answer
Exploding string with comma using jquery
Javascript jQuery
0 vote345 views2 answers
Onload set scroll on top of page jquery
Javascript jQuery
1 vote336 views1 answer
Jquery click on parent but not child
Javascript jQuery
0 vote305 views1 answer
Jquery to another page
Javascript jQuery