Javascript Jquery在无序列表之间移动LI元素

我正在玩一些jquery在两个无序列表之间移动列表项的游戏，可以让它同时处理这两个列表

$('#l2 li').click(function(){
  $('#l1).append($(this))
});
$('#l1 li').click(function(){
  $('#l2).append($(this))
});

及

问题是，在元素被移动后，可以将其移回原始列表

我希望使用它作为某种团队选择器，因此希望通过多次添加和删除项目进行大量更改

---

提前感谢Rob

我不确定这是否有帮助，但我会尝试定义如下事件：

$('body').on('click', '#l1 li',function(e){
//do the detach baby
});

等等

在我看来：我的代码正在使用。

---

如果您想按自己的方式执行，则应在每次预结束/追加后刷新事件单击定义。

无法理解您的问题。！请多解释。我看这里没有问题。你的问题是什么？像这样？我希望能够将列表项移动到另一个列表，然后可能返回到同一个列表，当前，一旦列表项从l1移动到l2，如果你尝试将列表项移回l1，它只会将自身重新添加到l2。你正在尝试这样做吗？

$('body').on('click', '#l1 li',function(e){
//do the detach baby
});