JSFiddle - React, Tailwind, and code Playground

HTML

<div id="sortThis">
    <div>3</div>
    <div>1</div>
    <div>2</div>
</div>

<div id="sortThisData">
    <div data-sort="7">High</div>
    <div data-sort="2">Low</div>
    <div data-sort="5">Mid</div>
</div>

JavaScript

function sortUsingText(parent, childSelector) {
    var items = parent.children(childSelector).sort(function(a, b) {
        var vA = $(a).text();
        var vB = $(b).text();
        return (vA < vB) ? -1 : (vA > vB) ? 1 : 0;
    });
    parent.append(items);
}


  sortUsingText($('#sortThis'), "div");


function sortUsingData(parent, childSelector) {
    var items = parent.children(childSelector).sort(function(a, b) {
        var vA = $(a).data('sort');
        var vB = $(b).data('sort');
        return (vA < vB) ? -1 : (vA > vB) ? 1 : 0;
    });
    parent.append(items);
}
  sortUsingData($('#sortThisData'), "div");