jQuery duplicate DIV into another DIV

javascript jquery html

2022-08-30 05:06:38

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

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

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

<div class="package">

Place 'button' div in here

</div>

答案 1

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

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

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

来自 jQuery 文档：

.clone（）方法执行匹配元素集的深度复制，这意味着它将复制匹配的元素及其所有后代元素和文本节点。当与其中一种插入方法结合使用时，.clone（）是在页面上复制元素的便捷方法。

答案 2

使用克隆和追加功能复制代码：

这里也是工作示例 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>