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

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

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

Answer 1

jquery对象没有innerHTML属性。

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

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

另外，将它放在文档就绪函数中，或者引用一个不存在的函数。

Answer 2

您可以这样做：

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

或者

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

后一种方法可以获得innerHTML可用的实际DOM元素。

Answer 3

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


body               { font-size: 16px; line-height: 2em;}
.deathWormButton   { border: 2px solid blue; width: 75px; height: 35px; z-index: 200; font-size: 14px; background-color:#00FF33; }
 


$(function(){
$(".deathWormButton").click(
  function () {
    var htmlStr = $("#pageContent").html();
    $("#DeathWormPage").text(htmlStr);
  }
);
});

 



DeathWorm 


And be one deathWormButton, long I stood  And looked down one as far as I could To where it bent in the undergrowth;
 


ok here-- deathworm button please place content here.

Answer 4

使用

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

应该也能正常工作，并且更加简洁/语义化。

jQuery在DIV之间复制内容

4 个答案: