JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="source">
    <li>Item1</li>
    <li>Item2</li>
    <li>Item3</li>
    <li>Item4</li>
    <li>Item5</li>
</ul>

<div id="target">
    Target
</div>

JavaScript

$("#source li").draggable({
    appendTo: "body",
    helper: "clone",
    cursor: 'move'
  
});
$("#target").droppable({
   drop: function(event, ui) {
       
      alert("drop event");
       
 alert("text" + (ui.draggable).text());
       alert("testing " + )
  toStr = '#' + $(ui.helper).attr(source);
        var itemid = ui.draggable.attr("source");
          alert(toStr);

       
    }
});