js set input data attribute code example

Example 1: set data attribute with a string jquery

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>

Example 2: data attribute html

<!-- data-* attritubes can be used on any html element -->
<div data-my-custom-data="true"></div>