jQuery 在 DIV 之间复制内容答案

【问题标题】：jQuery copying content between DIVsjQuery 在 DIV 之间复制内容
【发布时间】：2011-05-05 18:41:29
【问题描述】：

我正在开发一个完全基于 Javascript 的网站：您加载网站，然后所有页面都由 Javascript 拉入。

这就是我所拥有的：

    <span id="deathWormButton">Death Worm</span>
    <div id="pageContent">
        <p>Thanks for taking the time to view my portfolio!</p>
        <p>Placeholder content</p>
        <p>Placeholder content</p>
        <p>Placeholder content</p>
        <p>Placeholder content</p>
    </div>
    <div id="DeathWormPage" class="page">
        <p>Thanks for taking the time to view my portfolio!</p>
        <p>Placeholder content</p>
        <p>Placeholder content</p>
        <p>Placeholder content</p>
        <p>Placeholder content</p>
    </div>

这是我的 jQuery：

        $(document).ready(function()
        {
            $(".page").hide();
        });
        $("#deathWormButton").click(function()
        {
            $("#pageContent").innerHTML = $("#DeathWormPage").innerHTML;
        });

但它不起作用！（查看here）

那么当点击deathWormButton 时，如何将div id="DeathWormPage" 中的内容复制到div id="pageContent" 中？

【问题讨论】：

我只是好奇你为什么要这样做。 $("#deathWormButton").click(function() { $("#DeathWormPage").show(); }); 不会做你需要的吗？
是的，触摸。它可能看起来也会更好。也许我会选择这个......

标签： jquery copying

【解决方案1】：

jquery 对象没有 innerHTML 属性。

$(document).ready(function () {
    $(".page").hide();

    $("#deathWormButton").click(function () {
        $("#pageContent").html($("#DeathWormPage").html())
    })
});

另外，把它放在文档就绪函数中，否则你引用了一个不存在的东西。

【讨论】：

我觉得应该是$("#pageContent").html($("#DeathWormPage").html());嗯？
这和一个错字修复，解决了这个问题。谢谢！ :)

【解决方案2】：

你可以这样做：

$("#pageContent").html($("#DeathWormPage").html())

或者

$("#pageContent")[0].innerHTML = $("#DeathWormPage")[0].innerHTML;

后一种方法为您提供innerHTML 可用的实际DOM 元素。

【讨论】：

【解决方案3】：

这可以将一个 div 的内容传输到另一个 div...祝你好运

正文 { 字体大小：16px;行高：2em；} .deathWormButton { 边框：2px 纯蓝色；宽度：75px；高度：35px； z 指数：200；字体大小：14px；背景颜色：#00FF33; } $(函数(){ $(".deathWormButton").click( 功能（） { var htmlStr = $("#pageContent").html(); $("#DeathWormPage").text(htmlStr); } ); }); 死亡蠕虫成为一只死亡虫巴顿，我站了很久，尽我所能往下看它在灌木丛中弯曲的地方；好的 - 死亡蠕虫按钮请在此处放置内容。

【讨论】：

这也有效,,,

【解决方案4】：

使用

$("#pageContent").replaceWith($("#DeathWormPage"));

应该也可以，并且更简洁/语义化。

【讨论】：