使用 jquery 将整个 html div 从一个页面移动到另一个页面

Question

如何使用 jquery 将整个 html div 从一个页面移动到另一个页面，这是一个示例：

索引.html

  <div id="parent1" class="con">
      <h1>text</h1>
      <p>Lorem ipsum dolor sit amet,
         consectetur adipisicing elit, sed do eiusmod t
         empor incididunt ut labore et dolore
        <span class="icon">icon</span>
      </p>
    </div>
    <a href="#" class="btn">click me</a>
   </div>

输入.html

<div id="parent2" class="con">


</div>

我想，当我点击btn我谨里面是什么#parent1到#parent2那就是在input.html页

请提供任何帮助，并提前感谢您我已阅读该问题，但它并没有帮助我解决问题

如何使用 JavaScript 将所有 HTML 元素子元素移动到另一个父元素？

Answer 1

试试这个代码，它会如你所愿。

在第一页将数据存储到 localStorage 变量中

var page_content = document.getElementsByTagName("body")[0].innerHTML;
console.log( page_content );
localStorage.setItem("page_content", page_content );

在第二页检索

document.getElementById("parent2").innerHTML = localStorage.getItem("page_content");
console.log( page_content );

检查第一页上的控制台以确认数据存储成功。