jquery - 获取当前列表顺序的最佳方法是什么？

Question

我正在使用 jquery ui draggable 并允许用户更改列表的顺序，当他们完成后我计划让他们单击一个按钮，我将使用他们当前的列表顺序创建一个 json 文件，最好的方法是什么使用 jquery 做这样的事情，因为列表顺序没有写在 html 文件上？

ps：每个li标签和ul标签都可能有一个id。

score 1 · Accepted Answer

您可以使用

jQuery(myListItemSelector).each(function(index, item){
    // Do something here...
})

循环遍历将 ID、属性或内容提取到 JSON 列表中的项目。

score 0 · Accepted Answer

扩展金的答案。如果您不能保证每个项目都有一个 id 并且因为您使用的是 jQuery。您应该使用jQuery.data()或jQuery data()将上下文附加到项目，以便您知道哪个是哪个。如果该上下文只是原始顺序，它将看起来像这样。

jQuery(myListItemSelector).each(function(index, item){
    // Do something here...
    jQuery(this).data("index", index);
});

然后，当您保存它时，您可以再次循环并拉出该索引值。如果有一些其他定义值可以使这些值变得独一无二，那么它比索引更容易。在这种情况下，像 GUID 这样的东西真的很方便。

2 回答 2