JSFiddle - React, Tailwind, and code Playground

HTML

<form method="post">
    <div id="#testdivv" data-hola="hello"></div>
    <div id="user1"><div class="userEditor" style="border:1px solid gray;">
        <input style="border:0px;width:600px;" type="text" onKeyUp="if(event.keyCode != 13 && event.keyCode != 40)userSuggest('user1');"/>
    </div>
    <div class="userSuggestions"></div>
    <input name="IDList"  class="hiddenPut" type="hidden" /></div>
</form>

<br/>
<br/>

Content of data-id: <span id="answer"></span>

JavaScript

$(document).ready(function(){

    var id = "user1";
    var ui = { 
                item: { userid : "someData", label: "some label" }
             };
    
    var ico = "<a href='#' class='deleteTag'>ClickThisDeleteTag</a>";
    var x = "<span class='usertag' data-id='" + ui.item.userid + "'>" + ui.item.label+ " " + ico + "</span>";

$("#" + id + " .userEditor").prepend(x);
    
    $("#" + id + " .userEditor .deleteTag").bind("click",function(){
        $("#answer").html($(this).parent().data("id"));
    });

});