2012-05-08 4 views
0

私はjquery ui draggableを使用しています。ユーザーがリストの順序を変更できるようにしています。ボタンをクリックする予定で、現在のリスト順でjsonファイルを作成します。リストの順序はhtmlファイルに書かれていないので、jqueryを使ってこれを行う方法?現在のリストの順序を取得する最良の方法は何ですか?

PS:各liタグとulタグは、IDを有していてもよいです。

+4

私はあなたがjQueryのUI [ソート可能](http://jqueryui.com/demos/sortable/)項目をドラッグすると、DOMが実際に変更されていることをかなり確信していると 'li'要素はになりますあなたがそれらを見る順序。 http://jqueryui.com/demos/draggable/#sortable – Blazemonger

+1

http://stackoverflow.com/a/4856309/29995 –

答えて

0

キムの答えをエキスパンドする。保証されていない場合は、各項目にIDがあり、jQueryを使用しているためです。アイテムにコンテキストを添付するには、jQuery.data()またはjQuery data()を使用する必要があります。そのコンテキストが元の順序にすぎない場合は、このような表示になります。

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

これを保存するときに、再びループバックしてそのインデックス値を引き出すことができます。これらのユニークなものを作る他の定義値がある場合は、インデックスよりも簡単になります。このような状況では、GUIDのようなものが本当に便利です。

1

あなたのJSONリストにID、属性やコンテンツを抽出するアイテムをループし

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

を使用することができます。

関連する問題