jquery - 現在のリストの順序を取得する最良の方法は何ですか?

Question

私はjquery ui draggableを使用しており、ユーザーがリストの順序を変更できるようにしています。完了したら、ボタンをクリックしてもらい、現在のリストの順序でjsonファイルを作成します。最善の方法は何ですか?リストの順序がhtmlファイルに書かれていないので、jqueryを使ってこのようなことをしますか?

ps: 各liタグとulタグには ID がある場合があります。

Answer 1

使用できます

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

ID、属性、またはコンテンツを JSON リストに抽出するアイテムをループします。

Answer 2

Expanding on Kim's answer. If you are not guaranteed each item has an id and since you are using jQuery. You should use the jQuery.data() or jQuery data() to attach context to the items so you know which one is which. It will look something like this if that context is just the original order.

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

Then when you are saving it you can loop through again and pull that index value out. If there is some other defining value that would make these unique it would be easier for you than an index. Something like a GUID really comes in handy in situations like this.