jquery - 以编程方式在可排序之间移动 li 标签

Question

我有下面的html代码

<ul id="sortable1" class="connectedSortable">
    <li class="ui-state-default">Item 1</li>
    <li class="ui-state-default">Item 2</li>
    <li class="ui-state-default">Item 3</li>
    <li class="ui-state-default">Item 4</li>
    <li class="ui-state-default">Item 5</li>
</ul>
<ul id="sortable2" class="connectedSortable">
</ul>

和脚本

$(function() {      
    $( "#sortable1, #sortable2" ).sortable({
        connectWith: ".connectedSortable"
    }).disableSelection();
});

我是 sortable 的新手。任何人都可以帮助我使用脚本将所有 li 从 sortable1 移动到 sortable2。意味着我想创建 MoveAll 按钮，它可以将所有 li 从 sortable1 移动到 sortable2

Answer 1

简单地将 li 项附加到其他列表:

$('#sortable1 li').appendTo('#sortable2');

演示:http://jsfiddle.net/3z0e6q9m/