获取可排序jQuery中拖动列表项的ID

Question

我有这个HTML：

<ul>
    <li id='item1'>First</li>
    <li id='item2'>Second</li>
    <li id='item3'>Third</li>
</ul>

这个.sortable jQuery：

$(function(){
    $("#listofpages").sortable({

    }
})

如何获取被拖动元素的id？

Answer 1

在update事件回调中，您可以执行此操作（ 演示 ）：

$( "#listofpages" ).sortable({
  update: function( event, ui ) {
    var id = ui.item.attr("id");
  }
});

Answer 2

之前的答案非常好但是你应该使用接收事件不更新，更新会根据需要频繁发生两次并且可能导致问题，因为它为从前一个列表中删除的元素触发一次并且为添加到新列表的元素触发一次。

$( "#listofpages" ).sortable({
  receive: function( event, ui ) {
    var id = ui.item.attr("id");
  }
});