Question

我有两个无序列表

<ul id="#list1">
<li>one</li>
<li>two</li>
</ul>

<ul id="#list2"></ul>

和两个按钮

<input id="add" name="yt1" type="button" value="<<" /><br />
<input id="remove" name="yt2" type="button" value=">>" />

如果按下具有id add的按钮，则＃list1中的所有元素都应移至＃list2。如何使用JQuery将元素从一个列表移动到另一个列表

我虽然有类似下面的内容，但不知道如何做实际的移动

$("#add").click(function(){
$("#list1 li").each(function(){
//Do not know what to put in here
}
})

Answer 1

您可以使用appendTo：

$("#add").click(function(){
    $("#list1 li").appendTo('#list2');
});

DEMO

同时将您的ID从<ul id="#list1">更改为<ul id="list1">。

Answer 2

  //this will move selected items from yt1-list to yt2-list     
  $("#yt1 option:selected").appendTo("#yt2");

  //this will move all selected items from yt1-list to yt2-list
  $("#yt1 option").appendTo("#yt2");

Answer 3

      $('#list2').html( $('#list1').html() );

Answer 4

试试这个。没有测试它，但它应该工作（逻辑上）。

$("#add").click(function(){
$("#list1 li").each(function(){
var holder;
$(this) = holder;
$(this).remove();
$('#list2').append();
}
});

无法将li元素从一个unorderted列表移动到另一个unorderted列表

4 个答案: