jQuery copiare il contenuto tra DIV

Question

Sto lavorando su un sito web che voglio essere interamente basato Javascript:. Si carica il sito web, allora tutte le pagine sono tirati in da JavaScript

Quindi, ecco quello che ho:

    <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>

Ed ecco il mio jQuery:

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

Ma non funziona! (Visualizza qui )

Come faccio a copiare contenuti dal div id="DeathWormPage" in div id="pageContent" quando il deathWormButton viene cliccato?

Answer 1

oggetti jQuery non hanno una proprietà innerHTML.

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

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

Inoltre, metterlo all'interno della funzione pronta documento o si fa riferimento a una cosa inesistente.

Answer 2

È uno può fare:

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

o

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

L'approccio seguito si ottiene effettivo elemento DOM per il quale innerHTML è disponibile.

Answer 3

Questo funziona per trasferire il contenuto di una div all'altro div ... buona fortuna

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

con

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

dovrebbe funzionare così, ed è un po 'più conciso / semantica.