處理jQuery上的可排序列表

Question

我使用“可排序”腳本（ http://farhadi.ir/projects/html5sortable/ ）在我的Web應用程序上有一個可排序的項目列表。 分揀部分效果很好。 但現在，我需要能夠ping回我的服務器，以便在事情發生變化時設置順序。

捕獲該事件的方法是：

$('.sortable').sortable().bind('sortupdate', function() {
    //Triggered when the user stopped sorting and the DOM position has     changed.
});

我如何理解新職位以通知我的服務器？ 由於列表很小，我想到了兩種方法：

1 - 了解項目被拖動的位置，查看右下方的位置，並向我的服務器發送某種“插入”更新功能，以便將新項目插入該位置。

2 - 只需遍歷列表中的所有項目，按順序捕獲其ID並將新ID列表發送到服務器，並讓服務器根據該列表重新構建索引。

我可以處理ruby代碼，但我是JS / Jquery的災難。

因此，如果我選擇選項1 - 如何識別新項目的位置以及如何識別其下方的項目？

如果我選擇選項2 - 如何按照它們所處的確切順序（它們的DOM順序）迭代所有li項目，以便我可以構建此列表並將其發送回服務器？

Answer 1

在觸發更新時讀取lis的id

var ids = $(".sortable").find("li").map( function(txt, elem){
   return elem.id
} ).get();
console.log(ids);