jquery - 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

使用 class 选择所有 li 元素source， slice 并附加到一个新的ul，最后附加ul到你想要的容器中。

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

演示