使用localStorage存储列表的顺序

Question

我有一个可排序的jQuery UI无序列表（UL），因此用户可以单击并将项目（LI）从一个列表拖动到另一个列表，从而选择其旅程的顺序。

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

非常感谢提前。我搜索过，但找不到任何建议。

Answer 1

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

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>