JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
  <div id="1" class="item">  
    lol 1
  </div>  
  <div id="2" class="item"> 
    lol 2
  </div>
  <div id="3" class="item">
    lol 3
  </div>    
    
    
</div>

<input id="order" value="1,2,3" /><button id="reorder">Re-order</button>

CSS

.item{
 border:1px solid blue;
 margin: 2px;    
    
}

JavaScript

$("#reorder").click(function(){
        
        var order = $("#order").val()//.split(",");
        order = order.split(",");
        reorder(order, $("#main"));
    });
    
    function reorder(orderArray, elementContainer)
    {
        $.each(orderArray, function(key, val){
            elementContainer.append($("#"+val));
        });
    }