Kann nicht li Elemente von einer unorderted Liste an ein anderes

Question

Ich habe zwei ungeordnete Liste

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

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

und zwei Tasten

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

Wenn die Schaltfläche mit dem id bewegen alle Elemente gedrückt von # list1 sollte zu # list2 verschoben werden. Wie kann ich Elemente aus einer Liste in einer anderen JQuery mit bewegen

ich wie die unten obwohl von etwas, aber nicht sicher, wie die tatsächlichen zu tun

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

Answer 1

bewegen können Sie appendTo verwenden :

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

DEMO

Ändern Sie auch Ihre IDs von <ul id="#list1"> zu <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

Versuchen Sie dies. Habe es nicht getestet, aber es sollte (logisch) funktionieren.

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