如何在不使用 jQuery 重新执行脚本的情况下使用脚本元素移动元素？

Question

我有这个代码sn-p：

  <div id="div1">
  </div>

  <div id="div2">
    <h3>This is the content</h3>
    <script type="text/javascript">
      alert('This is the content');
    </script>
  </div>

  <script type="text/javascript">
    jQuery('div#div2').appendTo('div#div1');
  </script>

使用此代码，警告消息将显示两次（一次在页面加载时，然后在 jQuery 执行 appendTo 方法时重新执行脚本时？

知道如何使用 jQuery 方便地移动元素（具有脚本标签）而不需要重新执行 javascript？

谢谢。

Answer 1

一旦<script> 执行完毕，您就不再需要它了，因此您可以在移动#div2 之前将其删除。

$('#div2 script').remove();
$('#div2').appendTo('#div1');