JSFiddle - React, Tailwind, and code Playground

by Darby Rathbone

HTML

<div>a  <span num=2>1</span></div>
<div>d <span num=5>2</span></div>
<div>ga <span num=1>3</span></div>
<div>as <span num=3>4</span></div>
<div>ab <span num=4>5</span></div>
<div>fva <span num=0>6</span></div>

JavaScript

var divs = [].slice.call(document.getElementsByTagName('div'));
var frag = new DocumentFragment();
divs = divs.sort(function(s,t) {var a = s.querySelector('span').getAttribute('num').toLowerCase();
           var b = t.querySelector('span').getAttribute('num').toLowerCase();
           if (a < b) return -1;
           if (a > b) return 1;
                                       return 0;});
divs.forEach(function(e){frag.appendChild(e);});
document.body.appendChild(frag);
console.log(divs);