jquery – 如何将LI元素从一个UL切换到另一个UL

我想将一些LI从一个UL复制到另一个UL。

在我的第一个UL中，我有10个LI，我想将6,7,8,9,10剪切到另一个div。 我如何在jQuery中实现它？

Answer 1

您可以使用.slice ^[docs]和.appendTo ^[docs]轻松完成这些操作：

 $('#list1 > li').slice(5,10).appendTo('#list2'); // or to the end of list: // $('#list1 > li').slice(5).appendTo('#list2'); 

这会将列表元素移动到另一个列表。 如果要复制它们，请添加.clone ^[docs] 。

如果要移动非连续的列表元素，则必须以不同方式选择它们。

Answer 2

你想使用.appendTo() 。

只需选择要移动的LI并将其附加到第二个UL。

Answer 3

选择具有类source ，切片的所有li元素并将其追加到新的ul ，最后将ul附加到您想要的容器中。

 $('
').append($('ul#source li').slice(3,7)).appendTo(document.body); 

演示