帮助用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＃final 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() );