JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">some text</div>

JavaScript

$(document).ready(function(){
    var jquery_selector = $("#test");
    jquery_selector.attr("data-id", "data-test");
    var input_value = jquery_selector.data("id"); //got value of extended data attribute
    jquery_selector.append('<input type="text" value="' + input_value + '"/>');
    jquery_selector.append(jquery_selector.html());
});