使用JQuery将元素从列表移动到另一个列表

Question

我想将一个元素添加到另一个列表中，并在单击时将其从当前列表中删除。我用可选的属性appendTo尝试了它，但是当我点击它时没有任何反应。

我构建了这个https://jsfiddle.net/wgaga8uc/来说明它。

 $("#paramselectable").selectable({appendTo: "#paramselected"});
 $("#paramselected").selectable({appendTo: "#paramselectable"});

我将不胜感激， 感谢。

Answer 1

最后我实现了添加和删除类。 https://jsfiddle.net/22d7sxvd/

  $(function() {
    $( ".paramsnav" ).selectable();
  });

 $('li').click(function () {
     var selected = $('#params').find('.ui-selected');
     if(selected.hasClass('selectable')) {
         selected.removeClass('ui-selected');
         selected.removeClass('selectable');
         selected.addClass('selected');
         selected.appendTo('#paramselected');
     } else {
         selected.removeClass('ui-selected');
         selected.removeClass('selected');
         selected.addClass('selectable');
         selected.appendTo('#paramselectable');
     }
 });

Answer 2

$("#paramselected li").click(function(){
 $("#paramselectable").append(document.createTextNode( "Hello" ));
});