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

Moving elements from a list to another list with JQuery

本文关键字：列表 一个 移动 另一个 JQuery 元素 使用      更新时间：2023-09-26

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

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

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

我将不胜感激任何帮助，谢谢。

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

最后，我实现了添加和删除类。 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');
     }
 });
相关文章：