JSFiddle - React, Tailwind, and code Playground

by vonDy2791

HTML

<div class="wrap_c">
    <div class="sort_by">2</div>
</div>
<div class="wrap_d">
    <div class="sort_by">3</div>
</div>
<div class="wrap_a">
    <div class="sort_by">0</div>
</div>
<div class="wrap_b">
    <div class="sort_by">1</div>
</div>

JavaScript

var arr = [];
$('.sort_by').each(function (key, value) {
    arr.push($(value).text());
});
arr.sort(function (a, b) {
    return a - b;
});

var arrObj = [];
$(arr).each(function (key, value) {
    $('div.sort_by').each(function (key2, value2) {
        if (value === $(value2).text()) {
            var x = $(this).parent('div').clone();
            arrObj.push(x);
            $(this).parent('div').remove();
        }
    });
});

$(arrObj).each(function (key, value) {
    $('body').append(value);
});