JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="reOrder">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
    <li>Item 4</li>
</ul>

JavaScript

$(function(){
    
    $('#reOrder li').each(function, (index){
    
      $(this).attr('id', index);                          
                          
    });
    
    $("#reOrder").delegate("li", "click", function(){
        
        var $indexItem = $(this).index('#reOrder li');
        
        var $thisTxt = $(this).text();
        
        var $prevTxt = $(this).prev('li').text();
        
        $($thisTxt).replaceWith($prevTxt);
        
         //alert($thisTxt);
        
         //alert($prevTxt);
        
    });    
    
});