JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bar">
    <div class="h2">1</div>
    <div class="h2">8</div> 
    <div class="h2">2</div>
</div>

JavaScript

function reverseChild($parent, index) {
    
};


$(document).ready(function () {
    $('#bar').find('.h2').each(function(){
        var currentItem = $(this),
            nextItem = $(this).next('.h2'),
            currentItemValue = parseInt(currentItem.text()),
            nextItemValue = parseInt(nextItem.text());

        if(currentItemValue > nextItemValue) {
            currentItem.before(nextItem);
        }
        
    });
});