Mover itens de uma lista para outra
Código:
<script type="text/javascript">
$(function(){
$('button').click(function(){
$('#list1 li').appendTo('#list2');
});
});
</script>
<style type="text/css">
ul li {
margin-left: 35px;
}
#list1 {
padding: 10px;
background: green;
}
#list2 {
padding: 10px;
background: yellow;
}
</style>
<ul id="list1">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<ul id="list2">
<li>Item 4</li>
<li>Item 5</li>
<li>Item 6</li>
</ul>
<p><button>Mover elementos</button></p>
Resultado: