JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<div id="contenant">
    <div id="perso1" class="move perso">
        <div>Perso1</div>
    </div>
    <div id="perso2" class="move perso">
        <div>Perso2</div>
    </div>
    <div id="perso3" class="move perso">
        <div>Perso3</div>
    </div>
</div>
<input type="button" id="supp1" value="Supprimer perso1" />
<input type="button" id="supp2" value="Supprimer perso2" />
<input type="button" id="supp3" value="Supprimer perso3" />

CSS

.perso {
  width : auto;
  height : 100px;
  border :1px solid blue;
}

JavaScript

jQuery( function() {
    jQuery( ".move" ).draggable();
  } );
  jQuery('#supp1').click(function() {
    jQuery('#perso1').remove(); 
  })
  jQuery('#supp2').click(function() {
    jQuery('#perso2').remove(); 
  })
  jQuery('#supp3').click(function() {
    jQuery('#perso3').remove(); 
  })