JSFiddle - React, Tailwind, and code Playground

HTML

<div class="pa">
    <div class="ch" data-id="3">3</div>
    <div class="ch" data-id="2">2</div>
    <div class="ch" data-id="5">5</div>
</div>

CSS

.ch {
    width:100%;
    height:24px;
    background:#ccc;
    border-bottom:2px solid #fff;
    text-align:center;
}

JavaScript

var s = new Array;
var i = 0;
var x = $(".ch").length;
$(".ch").each( function() {
    s[i] = $(this).data("id");
    i++;
});
var g = s.sort(function(a,b){return a-b});
for(var c = 0; c < x; c++) {
    var div = g[c];
    var d = $(".ch[data-id="+div+"]").clone();
    var s = $(".ch[data-id="+div+"]").remove();
    $(".pa").append(d);
}