JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dd">Without Hypen</div>
<span id="zero"></span>

<div>With Hypen</div>
<span id="zerohp"></span>

JavaScript

var el = $("#dd");
el.data("testzero", 0).data("test-zerohp", 0);

$("#zero").text(el.data("testzero"));

$("#zerohp").text(el.data("test-zerohp"));