Javascript 根据行ID按任意顺序重新排列表行

我想使用jQuery根据用户单击链接或按钮时选择的任意顺序对一些表行重新排序。 （注意：我不想根据单元格或列标题的字母/数字内容进行表格行排序-我知道有类似“动画表格排序器”的js插件）

这是我的代码示例：

<ul>
    <li><a id="custom-sort-1" href="#">Custom Sort 1</a></li>
    <li><a id="custom-sort-2" href="#">Custom Sort 2</a></li>
</ul>

<table>
    <tr id="row-a">
        <td>Lorem Ipsum</td>
        <td>Lorem Ipsum</td>
    </tr>
    <tr id="row-b">
        <td>Lorem Ipsum</td>
        <td>Lorem Ipsum</td>
    </tr>
    <tr id="row-c">
        <td>Lorem Ipsum</td>
        <td>Lorem Ipsum</td>
    </tr>
    <tr id="row-d">
        <td>Lorem Ipsum</td>
        <td>Lorem Ipsum</td>
    </tr>
</table>

乱数假文
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文
乱数假文

我希望发生什么：

• 单击“#custom-sort-1”将对表格行重新排序：row-c， a排，d排，b排
• 单击“#自定义排序-2”将重新排序 表行：a行、c行、b行、d行

我将如何使用Jquery来实现这一点

---

作为一项新增功能，您将如何设置更改行顺序的动画

可以使用jQuery获取列表形式的元素，枚举它们，从ID构建javascript数组，通过提供自定义比较函数使用数组对象的javascript内置.sort（）方法，该函数必须包含任意排序的逻辑（需要保留一个带有按钮单击值的变量），然后使用jQuery重新排列元素，使用jQuery方法进行DOM操作，如：.add（），.insert（），.append（），.after（），并在其中包含动画。

您可以使用css（：checked，flex和order）：出于乐趣：但没有动画可以移动它们！这是非常聪明的-并且不一定依赖js.Thank很好-这在理论上听起来确实正确。我想这就是我想看到的实际语法示例，因为我是JS方面的新手——因此问题是：）