私はjquery ui draggableを使用しています。ユーザーがリストの順序を変更できるようにしています。ボタンをクリックする予定で、現在のリスト順でjsonファイルを作成します。リストの順序はhtmlファイルに書かれていないので、jqueryを使ってこれを行う方法?現在のリストの順序を取得する最良の方法は何ですか?
PS:各li
タグとul
タグは、IDを有していてもよいです。
私はjquery ui draggableを使用しています。ユーザーがリストの順序を変更できるようにしています。ボタンをクリックする予定で、現在のリスト順でjsonファイルを作成します。リストの順序はhtmlファイルに書かれていないので、jqueryを使ってこれを行う方法?現在のリストの順序を取得する最良の方法は何ですか?
PS:各li
タグとul
タグは、IDを有していてもよいです。
キムの答えをエキスパンドする。保証されていない場合は、各項目にIDがあり、jQueryを使用しているためです。アイテムにコンテキストを添付するには、jQuery.data()またはjQuery data()を使用する必要があります。そのコンテキストが元の順序にすぎない場合は、このような表示になります。
jQuery(myListItemSelector).each(function(index, item){
// Do something here...
jQuery(this).data("index", index);
});
これを保存するときに、再びループバックしてそのインデックス値を引き出すことができます。これらのユニークなものを作る他の定義値がある場合は、インデックスよりも簡単になります。このような状況では、GUIDのようなものが本当に便利です。
あなたのJSONリストにID、属性やコンテンツを抽出するアイテムをループし
jQuery(myListItemSelector).each(function(index, item){
// Do something here...
})
を使用することができます。
私はあなたがjQueryのUI [ソート可能](http://jqueryui.com/demos/sortable/)項目をドラッグすると、DOMが実際に変更されていることをかなり確信していると 'li'要素はになりますあなたがそれらを見る順序。 http://jqueryui.com/demos/draggable/#sortable – Blazemonger
http://stackoverflow.com/a/4856309/29995 –