javascript - jQuery 将 DIV 复制到另一个 DIV

Question

需要一些 jquery 帮助将一个 DIV 复制到另一个 DIV，并希望这是可能的。我有以下 HTML:

  <div class="container">
  <div class="button"></div>
  </div>

然后我在页面的另一个位置有另一个 DIV，我想将“按钮”div 复制到以下“包”div 中:

<div class="package">

Place 'button' div in here

</div>

Answer 1

您需要使用 clone() 方法来获取元素的深拷贝:

$(function(){
  var $button = $('.button').clone();
  $('.package').html($button);
});

完整演示:http://jsfiddle.net/3rXjx/

来自jQuery docs :

The .clone() method performs a deep copy of the set of matched elements, meaning that it copies the matched elements as well as all of their descendant elements and text nodes. When used in conjunction with one of the insertion methods, .clone() is a convenient way to duplicate elements on a page.