JSFiddle - React, Tailwind, and code Playground
by Alexander
HTML
<div id="i1" data-name="test_1"></div>
<div id="i2" data-name="test_2"></div>
<div id="i3" data-name="test_3"></div>JavaScript
console.log($('#i1').data("name"));
console.log($('#i1').attr("data-name"));
$('#i2').data("name", "fix_2")
console.log($('#i2').data("name"));
console.log($('#i2').attr("data-name"));
$('#i3').attr("data-name", "fix_3");
console.log($('#i3').data("name"));
console.log($('#i3').attr("data-name"));