JSFiddle - React, Tailwind, and code Playground
by rwaldron
HTML
<div id="test" data-foo="foo" data-foo-1="foo-1" data-bar-2="bar-2" data-baz-3-foo="baz-3-foo"></div>JavaScript
console.log(JSON.stringify($('#test').data()));
console.log($('#test').data('foo1'));
console.log($('#test').data('foo-1'));
console.log($('#test').data('foo1'));
console.log(JSON.stringify($('#test').data()));
console.log($('#test').data('bar-2'));
console.log($('#test').data('baz-3-foo'));
console.log(JSON.stringify($('#test').data()));
console.log(document.querySelector("#test").dataset);