component-sort
v0.0.4
Published
Sort DOM elements
Downloads
3
Readme
sort
Sort DOM elements
Installation
$ component install component/sort
API
sort(el, fn)
Sort element ascending with the given callback function.
sort.asc(el, fn)
Alias of sort(el, fn)
sort.desc(el, fn)
Sort descending, inverting the fn()
return value.
Example
<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(a, b){
a = a.textContent;
b = b.textContent;
if (a < b) return -1;
if (a > b) return 1;
return 0;
}
function asc() {
sort(ul, alpha);
}
function desc() {
sort.desc(ul, alpha);
}
</script>
License
MIT