jquery - 帮助使用 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() );