jquery - 无法将 li 元素从一个无序列表移动到另一个无序列表

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"> .