JSFiddle - React, Tailwind, and code Playground

by thesystemrestart

HTML

<ul>
    <li>L</li>
    <li>S</li>
    <li>XXS</li>
    <li>XS</li>
    <li>XL</li>
    <li>L</li>
</ul>

JavaScript

$(function() {
var mylist = jQuery('ul');
var listitems = mylist.children('li').get();
listitems.sort(function(a, b) {

var sizes = new Array();
sizes = ["XXXS","XXS","XS","S","S-M","S-L","M","M-L","L","L-XL","XL","XXL","XXXL"];

var compA = jQuery(a).text().toUpperCase();
var compB = jQuery(b).text().toUpperCase();
console.log();
var asize = jQuery.inArray(compA, sizes);
var bsize = jQuery.inArray(compB, sizes);

return (asize > bsize) ? -1 : (asize < bsize) ? 1 : 0; })

})