JSFiddle - React, Tailwind, and code Playground
by jfriend00
HTML
<ul class="list">
<li id="alpha">32</li>
<li id="beta">170</li>
<li id="delta">28</li>
</ul>
<hr>
<ul class="list">
<li>32</li>
<li>170</li>
<li>28</li>
<li>27</li>
<li>22</li>
<li>21</li>
</ul>
JavaScript
function sortList(selector) {
$(selector).find("li").sort(function(a, b) {
return(Number(a.innerHTML) - Number(b.innerHTML));
}).each(function(index, el) {
$(el).parent().append(el);
});
}
sortList(".list");