在Javascript中按自定义顺序对列表项排序

我有一张这样的清单

   <ul id="list">
        <li data-ind="1">L</li>
        <li data-ind="2">M</li>
        <li data-ind="3">S</li>
        <li data-ind="4">XL</li>
        <li data-ind="5">XS</li>
    </ul>

L
M
S
XL
XS

我想把它们分类如下：XS，S，M，L，XL

---

如何通过注入javascript/jQuery来实现这一点，您可以对

li

元素使用

sort

，然后按照该顺序将它们再次附加到

ul

元素

排序位置取决于最后一个字母（按逆字母顺序）和X的数量（我添加了一些双X项来演示）：

const seq=txt=>ML.indexOf（txt.slice（-1））*txt.length；
$（“#list”）.append（$（“#list li”）.get（）.sort（（a，b）=>
seq（a.textContent）-seq（b.textContent）
));


L
M
S
XL
XS
XXL
XXS
请参阅和。熟悉、如何使用和使用可用的方法（静态和原型）。你自己试过什么吗。用于分类