幫助，使用jQuery

Question

移動元素我在DOM有兩個：

<div id="buffert"> 
     <span class="left"><a>link</a><a>link</a></span> 
     <span class="right">Some text<span>title</span></span> 
</div> 

<div id="final"> 
     <span class="left">&nbsp;</span> 
     <span class="right">&nbsp;</span> 
</div> 

我想移動無論在div＃buffert span.left和span.right內元素的div＃最終span.left和span.right。

我想：

$('div#final span.left').append($('div#buffert span.left')); 
$('div#final span.left').append($('div#buffert span.left.children')); 
$('div#final span.left').append($('div#buffert span.left.children()')); 

，但它不工作。

有人可以幫助我嗎？

Answer 1

有很多方法可以完成你所要求的......這些只是少數。

由於結構相同，爲什麼不只是替換HTML？

$("#final").html($("#buffert").html()); 

如果你想將它們添加到#final元素，你可以使用$.appendTo()：

$("#buffert .left, #buffert .right").appendTo("#final"); 

或者你也可以自己搬過來的孩子（而不僅僅是HTML）

$("#final .left").html("").append($("#buffert .left").children());