jQuery在DIV之间复制内容

Question

我正在开发一个我想完全基于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;
        });

但它不起作用!(查看此处)

所以,我怎么从复制内容div id="DeathWormPage"到div id="pageContent"时deathWormButton点击是什么吗？

Answer 1

jquery对象没有innerHTML属性.

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

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

另外,将它放在文档就绪函数中,或者引用一个不存在的东西.