jQuery将DIV复制到另一个DIV中

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

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

然后我在我的网页的另一个位置有另一个DIV,我想复制'button'div到下面的'package'div:

 <div class="package"> Place 'button' div in here </div> 

您将需要使用clone()方法来获取元素的深层副本:

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

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

从jQuery文档 :

.clone()方法执行一组匹配元素的深层副本,这意味着它将复制匹配的元素以及它们所有的后代元素和文本节点。 当与其中一种插入方法一起使用时,.clone()是复制页面元素的便捷方式。

使用clone和appendTo函数复制代码:

这里也是工作示例jsfiddle

 <!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> </head> <body> <div id="copy"><a href="http://brightwaay.com">Here</a> </div> <br/> <div id="copied"></div> <script type="text/javascript"> $(function(){ $('#copy').clone().appendTo('#copied'); }); </script> </body> </html> 

把这个事件

 $(function(){ $('.package').click(function(){ var content = $('.container').html(); $(this).html(content); }); }); 
 $(".package").html($(".container").html()); 

你可以像这样复制你的div

 $(".package").html($(".button").html())