如何将一个内容div移动到另一个内容div而不再渲染？

Question

我想将我的html内容从一个div移动到另一个div而不再渲染它！

当我使用jquery html（）方法时，它将再次完全呈现！

E.g。

cpu_time < 90

会导致：

测试
测试

我想要的是：

测试

Answer 1

您可以尝试结合使用jQuery的.appendTo()和.clone()方法。

<div id="1">
    <script>console.log("test")</script>
</div>
<div id="2">
</div>

<script>
    $('#1').children().clone().appendTo('#2');
</script>

这里有JSFiddle来演示。看看控制台，您应该看到＆＃34;测试＆＃34;只记录一次。如果您要将元素从#1移至#2而不是复制它们，则只需从链中删除.clone()即可。

希望这有帮助！如果您有任何问题，请告诉我。

Answer 2

<script>
  $('#2').hide().html($('#1').html())
</script>