JSFiddle - React, Tailwind, and code Playground

by stefek99

HTML

<div id="sortPlease">
    <div sortKey=10>10</div>
    <div sortKey=12>12</div>
    <div sortKey=11>11</div>
    <div sortKey=2>2</div>
    <div sortKey=3>3</div>
    <div sortKey=1>1</div>
    <div sortKey=-100>-100</div>
    <div sortKey=a>a</div>
  </div>

JavaScript

jQuery.fn.sortDomElements = (function() {
    return function(comparator) {
        return Array.prototype.sort.call(this, comparator).each(function(i) {
              this.parentNode.appendChild(this);
        });
    };
})();

$("#sortPlease").children().sortDomElements(function(a,b){
    akey = $(a).attr("sortkey");
    bkey = $(b).attr("sortkey");
    if (akey == bkey) return 0;
    if (akey < bkey) return -1;
    if (akey > bkey) return 1;
})