Javascript 排序Jquery选项卡面板

我有一个选项卡面板

它可以通过单击

添加选项卡

按钮动态添加选项卡

典型的用例场景如下：

• 我在面板中打开了多个选项卡Tab-1、Tab-2、Tab-3和Tab-4
• 并通过关闭选项卡从面板中删除其中一些选项卡2和选项卡3

这将在面板中保留选项卡1和选项卡4

现在，如果我尝试添加新选项卡，则选项卡的顺序是选项卡1、选项卡4、选项卡2、选项卡3

我想在jquery中对面板进行排序，并将其设置为Tab-1、Tab-2、Tab-3和Tab-4

---

请帮忙

AFAIK jQuery UI不以本机方式提供此功能

选项卡的顺序由它们在DOM中的顺序定义

获取一个插件，该插件可以对任何dom元素进行排序，并使用它对tab div（或LI，或任何必要的元素类型）进行排序

我找到的一些快速示例如下

---

当然：

如果我下面的答案有用或正确，请接受，这样我就可以获得分数。您可以通过单击答案旁边显示的复选标记来接受。