JSFiddle - React, Tailwind, and code Playground

by vero4ka

HTML

<ul>
    <li data-order="4">four</li>
    <li data-order="1">one</li>
    <li data-order="3">three</li>
    <li data-order="2">two</li>
</ul>

JavaScript

var mylist = $('ul');
var listitems = mylist.children('li').get();
listitems.sort(function(a, b) {
    var compA = $(a).data('order');
    var compB = $(b).data('order');
    return (compA < compB) ? -1 : (compA > compB) ? 1 : 0;
})
$.each(listitems, function(idx, itm) { 
    mylist.append(itm); 
});