Javascript 处理jQuery上的可排序列表

Javascript 处理jQuery上的可排序列表,javascript,jquery,Javascript,Jquery,我正在使用“sortable”脚本()在web应用程序上创建一个可排序的项目列表。排序部分工作得很好。但是现在,我需要能够ping回我的服务器,以便在情况发生变化时设置顺序 捕获该事件的方法是: $('.sortable').sortable().bind('sortupdate', function() { //Triggered when the user stopped sorting and the DOM position has changed. }); 我如何理解

我正在使用“sortable”脚本()在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-如何按照所有li项的确切定位顺序(它们的DOM顺序)迭代它们,以便生成此列表并将其发送回服务器?

在启动更新时读取lis的ID

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

身份证在李牌上吗?