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

Question

我想将一些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附加到您想要的容器中。

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

<强> Demo