jquery - 在其中剪切一个div和html，然后使用jquery将其粘贴到不同的div中

Question

我有一个第 3 方脚本，其中我无法控制 html，只能修改基本 css 。我只是想知道是否可以在页面加载后剪切一个 div 及其内部的所有 html 并将其粘贴到另一个 div 中？

假设我们有

  <div id="example-one">
      <ul class="nav">
         <li class="nav-one"><a href="#featured" class="current">Billing Address</a></li>
      </ul>
      <div class="list-wrap">
          hello
      </div>
  </div>

当页面加载时，jquery 会剪切指定 div id "example-one" 的整个 html，并将其粘贴到新的 div 名称中，即 "new-div" >。这可能吗？

Answer 1

DOM 中没有剪切和粘贴功能，您可以将其附加(移动)到 DOM 中的不同点:

$(document).ready(function() {
   $('#example-one').appendTo('#new-div');
});

如果您想要创建 div#new-div 元素但它不存在:

$(document).ready(function() {
   $('<div/>', { id: 'new-div' }).appendTo('#somewhere').append($('#example-one'));
});