add dataset attr to html code example
Example 1: set data attribute with a string jquery
alert($('#outer').html());
var a = $('#mydiv').data('myval');
$('#mydiv').attr("data-myval","20");
alert($('#outer').html());
Example 2: javascript get data-id attribute
var element = document.getElementById('myDivID');
var dataID = element.getAttribute('data-id');
var dataID = $('myDivID').data('data-id');
Example 3: get data attribute javascript
const el = document.querySelector('#element')
el.dataset.name
Example 4: data attribute html
<!-- data-* attritubes can be used on any html element -->
<div data-my-custom-data="true"></div>