JSFiddle - React, Tailwind, and code Playground

HTML

<div id="data"></div>
<button id="get">get</button>
<button id="setattr">set attr</button>
<button id="setdata">set data</button>

JavaScript

$('#get').click(function() {
     alert(JSON.stringify($('#data').attr('data-test')));
});

$('#setattr').click(function() {
    $('#data').attr('data-test', 'meow');
});

$('#setdata').click(function() {
    $('#data').data('test', 'meow');
});