Javascript 保存并重用jQuery选项卡排序顺序

我试图在最终用户更改后保存jQuery选项卡的排序顺序，然后将它们保存到本地存储，以便下次访问时可以重新排序选项卡

目前，我正在通过循环元素来存储选项卡的id，但是我遇到了一个jQuery方法，它应该可以自动执行

我的问题是如何使用新的选项卡顺序？我必须创建一个在之前或之后循环和插入的函数吗？或者是否有一种方法可以获取保存的排序值

---

感谢您的帮助

您可能会发现将生成的html存储在变量中更容易：

var-sorter=$（“#可排序”）；
var goSort=函数（）{
sorter.sortable（）；
分类器。禁用选择（）；
};
goSort（）；
var starter=sorter.html（）；
var储藏室=启动器；
$（'.start'）。在({
mouseup:function（）{
html（starter）；
goSort（）；
}
});
$（'.recent'）。在({
mouseup:function（）{
html（储藏室）；
goSort（）；
}
});
$（'.record'）。在({
mouseup:function（）{
storeroom=sorter.html（）；
}
});
#可排序{
列表样式类型：无；
保证金：0；
填充：0；
宽度：60%；
}
#可悲的李{
保证金：0 3px 3px 3px；
填充：0.4em；
左侧填充：1.5em；
字号：1.4em；
高度：18px；
}
#可排序李跨度{
位置：绝对位置；
左边距：-1.3em；
}
.记录，
开始
.最近的{
显示：内联块；
字号：1em；
宽度：5em；
高度：2米；
边框：1px实心#09f；
填充：0.5em；
}


第1项
第2项
第3项
第4项
第5项
第6项
第7项

开始
记录
还原
我最终做了：

    function reorderTabs() {
            var ul = document.getElementById("menu");

            var tabList = tabsArray.split(",");
            for (var i = 0; i < tabList.length; i++) {
                var el = tabList[i];
                var li = document.getElementById(el);
                ul.appendChild(li);
            }
        }

函数reorderTabs（）{
var ul=document.getElementById（“菜单”）；
var tabList=tabsArray.split（“，”）；
对于（变量i=0；i<>代码>有趣-我可以考虑-谢谢
    function reorderTabs() {
            var ul = document.getElementById("menu");

            var tabList = tabsArray.split(",");
            for (var i = 0; i < tabList.length; i++) {
                var el = tabList[i];
                var li = document.getElementById(el);
                ul.appendChild(li);
            }
        }