Question

我有一个部分，其中包含两个div，一个div是动态创建的，现在我想将另一个不是动态创建的div复制到动态创建的div中

let adContainer = $('#adContainer').html();
adContainer.next().html(adContainer);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="adContainer">
</div>

<div style="width:100%; height:100%">
   <video></video>
</div>

这不起作用，这是怎么了？

Answer 1

您应该使用jQuery的clone()和appendTo()方法：

$('#adContainer').clone().appendTo($('#adContainer').next());

在此处了解更多信息：https://api.jquery.com/clone/

也应该直接在元素上调用next（），而不是元素的html（）。

Answer 2

您的代码无效，因为您尝试将next()与html一起使用div。因此，您必须在两个变量中选择div和html，例如：

let div =$('#adContainer');
let adContainer = div.html();
div.next().html(adContainer);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="adContainer">
<p>hello</p>
</div>

<div style="width:100%; height:100%">
   <video></video>
</div>

在js中使用next克隆元素

2 个答案: