JSFiddle - React, Tailwind, and code Playground

by David Buzatto

HTML

<div id="container">
    <div indice="1">first</div>
    <div indice="3">third</div>
    <div indice="2">second</div>
</div>

<button id="sortBtn" type="button">Sort</button>

JavaScript

// sorting divs...

$( "#sortBtn" ).click(function(){
    sortDivs( "#container"  );
});

function sortDivs( containerSelector ) {
    
    var $container = $( containerSelector );
    var array = $.makeArray( $container.children() );
    
    array.sort(function( a, b ){
        return $(a).attr( "indice" ) - $(b).attr( "indice" );
    });
    
    $container.html("");
    $container.append( array );   
    
}