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的li元素，並將其追加到新的ul ，最后將ul追加到您想要的容器中。

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

演示