Jquery 将项目从一个可排序列表拖放到另一个可排序列表

我有两个彼此不相连的可排序列表：

<ul id="list1">
    <li>Item1</li>
    <li>Item2</li>
    <li>Item3</li>
</ul>
<ul id="list2">
    <li>Container 1</li>
    <li>Container 2</li>
    <li>Container 3</li>
</ul>

如何才能删除第一个列表中的某个项目或第二个列表中的任何项目，并获取删除的项目和位置

---

编辑：我想在第一个列表的元素与第二个列表的元素之间创建一个关系。如果用户从第一个列表拖动一个项目并将其放入第二个列表的任何项目中，我应该得到一个关系（例如item1-container1），item1应该回到它的位置。

使用以下方法。这对我来说很好

$("#list1").sortable({
    connectWith: '#list2'
});
$("#list2").sortable({
    connectWith: '#list1'
});

---

你考虑过使用and吗？是的，但这会弄乱它们的排序方式

可能会删除第一个列表中的一项第二个列表中的任何一项

这意味着什么？@dreamCoder我想在第一个列表的元素与第二个列表的元素之间创建一个关系。如果用户从第一个列表拖动一个项目并将其放入第二个列表的任何项目中，我应该得到一个关系（例如item1-container1），item1应该回到它的位置。这不是你想要的，但是你是否签出过knockoutjs？这是Ryan Niemeyer写的一本非常酷的JSFIDLE。

$("#list1").sortable({
    connectWith: '#list2'
});
$("#list2").sortable({
    connectWith: '#list1'
});