component-sort

Sort DOM elements

sort

Sort DOM elements

$ component install component/sort

Sort element ascending with the given callback function.

Alias of sort(el, fn)

Sort descending, inverting the fn() return value.

<ul>
  <li>Tobi</li>
  <li>Jane</li>
  <li>Abby</li>
  <li>Loki</li>
  <li>Simon</li>
  <li>Manny</li>
  <li>Luna</li>
</ul>
 
<button onclick='asc()'>Sort ascending</button>
<button onclick='desc()'>Sort descending</button>
 
<script src="build/build.js"></script>
<script>
  var sort = require('sort');
  var ul = document.querySelector('ul');
 
  function alpha(ab){
    a = a.textContent;
    b = b.textContent;
    if (< b) return -1;
    if (> b) return 1;
    return 0;
  }
 
  function asc() {
    sort(ul, alpha);
  }
 
  function desc() {
    sort.desc(ul, alpha);
  }
</script> 

MIT