手軽にドラック&ドロップで並び替えが実装できるJqueryUIのsortable() 並び替え後をトリガーにしてイベントを実行するプロパティはupdateかstop 並び替え後の順番を取得するにはtoArrayを使います toArrayは並び替えられた要素のidが配列となって返ってきますので、そのままDBへの保存などに使えますね html <ul id="datas"> <li id="1">1</li> <li id="2">2</li> <li id="3">3</li> <li id="4">4</li> <li id="5">5</li> <li id="6">6</li> </ul> <p id="log"></p> js $('#datas').sortable({ update: function(){ var log = $(this).sortable("toArray"
![sortable()で変更した並び順を取得するサンプル](https://cdn-ak-scissors.b.st-hatena.com/image/square/b6ea14f8ed237130606c67c1142516e469885cd6/height=288;version=1;width=512/https%3A%2F%2F2.bp.blogspot.com%2F-gHOP_OXA5Ks%2FWWVDhcNBNHI%2FAAAAAAAACwQ%2Fq-b_14iCrjYJwbb-4vRnHdIZls0MaR18ACLcBGAs%2Fw1200-h630-p-k-no-nu%2Fsortable.png)