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())