Javascript jquery addclass、removeclass和appendTo

我有一个小问题，我试图在一个div中找到一种选项，当单击时，附加到另一个div，万一在另一个div中再次单击，它们将返回，等等。。。这是我的密码：

    $(".selectable").bind('click', function(){
        $(this).removeClass("selectable").addClass("unselectable").appendTo('#selectableQuitar');
    });

    $(".unselectable").bind('click', function(){
    $(this).removeClass("unselectable").addClass("selectable").appendTo('#selectableAgregar');  
  });

我尝试了很多方法，当您单击第一个元素时，它将更改类并附加到下一个div，正好相反。。。第一次单击实际上有效，但第二次不完全有效，如果检查元素，它将显示新类，但单击事件不会触发。。。有什么想法吗？？以防您需要更多信息，其中的div和元素：

<div id="pruebaSelectableAgregar">
<ol id="selectable" class="prueba">
  <li class="selectable">Item 1</li>
  <li class="selectable">Item 2</li>
  <li class="selectable">Item 3</li>
  <li class="selectable">Item 4</li>
  <li class="selectable">Item 5</li>
  <li class="selectable">Item 6</li>
</ol>
</div>

<div id="pruebaSelectableQuitar">
    <ol id="selectableQuitar">
        <li class="unselectable"> Prueba 1</li>
    </ol>
</div>

第1项
第2项
第3项
第4项
第5项
第6项
Prueba 1

由于要为使用click events注册的元素动态添加和删除类，因此在这种情况下必须使用

事件委派

试试看

此外，您还可以使用
.toggleClass（）
简化代码，如

.toggleClass("selectable unselectable")

现在我知道我错在哪里了。。。活动代表团对我来说是新的，但谷歌帮助了我。。。仍然不起作用，但我认为我现在走上了正确的道路（：我正在获取对象#没有方法“on”错误，已经下载了最新的jquery库并在谷歌上搜索了很多，但在上找不到好的答案this@LuigiCordobaGranera向我展示您尝试过的代码。！再次感谢您的帮助！这是脚本：$（文档）.ready（函数（）{$（文档）.on（'click'，'.selectable'，function（）{$（this）.removeClass（“selectable”）.addClass（“unselectable”）.appendTo（'selectableQuitar'））；$（文档）.on（'click'，'.unselectable'，function（）{$（this）.removeClass（“unselectable”）.addClass（“selectable”）.appendTo（'selectableAgregar'））；}）；我只是再次面对同样的问题，你的解决方案非常有效，再次感谢你！
.toggleClass("selectable unselectable")