2

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

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

4

3 回答 3

6

您可以使用.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]。

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

于 2012-08-01T14:20:48.527 回答
0

你想用.appendTo().

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

于 2012-08-01T14:21:41.180 回答
0

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

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

演示

于 2012-08-01T14:49:46.820 回答