JSFiddle - React, Tailwind, and code Playground

by sidonath

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>
<pre id="log"></pre>

JavaScript

var log = function (str) {
    $('#log').append(str + "\n");
};

console.log($('#test').get(0).dataset);
log(JSON.stringify($('#test').data()));
log(JSON.stringify($('#test').get(0).dataset));

log($('#test').data('foo1'));
log($('#test').data('foo-1'));
log($('#test').data('foo1'));

log(JSON.stringify($('#test').data()));

log($('#test').data('bar-2'));
log($('#test').data('baz-3-foo'));
log(JSON.stringify($('#test').data()));

log(JSON.stringify($('#test').get(0).dataset));
console.log($('#test').get(0).dataset);