JSFiddle - React, Tailwind, and code Playground

HTML

<div id="maFen" > 
     <input name="monBouton" id="monBouton" type="button" onClick="$();"value="Action" />
     <input name="monBouton2" id="monBouton2" type="button" onClick="$();"value="Action2" />
     <br><br>
<div id="Conteneur1" ></div>
<div id="Conteneur2" ></div>

     <span id="Elem1" >tyuruuruuru</span>
     <span id="Elem2" >Atnunc</span>
     <span id="Elem3" >Namsole</span>
     <span id="Elem4" >rthdgs</span>    
     <span id="Espace1"> </span>  
     <span id="Espace2"> </span>  
     </div>

CSS

#maFen {
   position: absolute; 
   float:left; 
   margin-left:0;
   margin-right:0; 
   padding-left:0;
   padding-right:0; 
   border:0px; 
   width:70%;
   height:70%;
   outline: none;
   background-color: white;
   color:#ffffff;
   font-weight:bold;
   font-size: 26px;
}


#Conteneur1 {
   position: absolute; 
   float:left; 
   top:60px;
   border:13px; 
   width:55%;
   outline: 2px;
   background-color: black;
   color:red;
   font-weight:bold;
   font-size: 18px;
}

#Conteneur2 {
   position: absolute; 
   float:left; 
   top:190px;
   border:13px; 
   width:55%;
   outline: 2px;
   background-color: green;
   color:red;
   font-weight:bold;
   font-size: 28px;
}

JavaScript

$("#monBouton").click(function() {
    
    $( "#Elem1").appendTo($("#Conteneur1"));
    $( "#Espace1").appendTo($("#Conteneur1"));
    $( "#Elem2").appendTo($("#Conteneur2"));
    $( "#Espace2").appendTo($("#Conteneur2"));
    $( "#Elem3").appendTo($("#Conteneur1")); 
    $( "#Elem4").appendTo($("#Conteneur2")); 

 });
 
 let jObjDiv = $("#Elem4").parents("div");
 let divID = jObjDiv[0].id;
 $("#monBouton2").click(function() {
 
 alert(divID);
 
  });