使用Jquery UI拖动和更新列表并提取行项目ID以进行更新

我正在尝试构建一个团队选择器应用程序，允许您将未加入团队的球员拖到团队中

我正在使用带有“connectWith”的可排序jQueryUI。到目前为止，我可以将玩家从玩家列表拖到不同的团队中，但是我希望能够在每个玩家在团队之间移动时为他们触发更新

我创建了一个JSFIDLE：

当“玩家”从玩家列表拖到团队列表时，脚本会提醒两个列表的名称，但我希望能够获得已移动的行项目的id，以便发送类似以下内容的更新：

php？Player=[li item id]&FirstList=Players&SecondList=Team1

---

是否仍有提取要移动的行项目id的方法？

尝试以下更新功能：

update: function (event, ui) { 
    alert($(ui.item).attr("id"));
} 

请注意，您将收到两次警报，因为您有两个“.connectedSortable”实例，一个用于Team1，另一个用于Team2。因此将触发Team1的sortupdate事件，然后触发Team2的sortupdate事件

更新的JSFIDLE:

jQuery UI参考：