JSFiddle - React, Tailwind, and code Playground

by sidonath

HTML

<div id="test" data-foo="foo" data-foo-1="foo" data-bar-2="bar" data-baz-3-foo="baz"></div>
<p>Log:</p>
<pre id="log"></pre>

JavaScript

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

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