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

Question

我有这个html:

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

和这个。可排序的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");
  }
});