jquery - jquery - ある UL から別の UL に LI 要素をカットする方法

Question

ある UL から別の UL にいくつかの LI をコピーしたいと考えています。

最初の 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

class を含むすべての li 要素を選択しsource、スライスして新しい要素に追加し、ul最後にul必要な場所にコンテナに追加します。

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

デモ

Answer 3

を使用します.appendTo()。

移動する LI を選択して、2 番目の UL に追加するだけです。