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

Question

我有这段代码:

  <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');