Jquery 使用localStorage存储列表的顺序

我有一个可排序的jQueryUIUnorderedList（UL），这样用户就可以从一个列表中单击并拖动项目（LI）到另一个列表中，从而选择旅程的顺序

我将如何使用localStorage保存UL内容的顺序，然后在旅程期间在我的网站页脚中显示这些内容

---

非常感谢。我已经搜索过了，但找不到任何建议。

您必须为每个元素分配一个标识符-它在列表中的位置。 移动时，更改该值（例如，可以使用“rel”表示该值）

Localstorage将保存以下内容：

1 - firstEl
2 - thirdEl
3 - secondEl

然而，列表如下所示：

<ul>
 <li id="firstEl" rel="1">..</li>
 <li id="thirdEl" rel="2">..</li>
 <li id="secondEl" rel="3">..</li>
</ul>