jQuery kopieren Sie den Inhalt von einem div in ein anderes

Arbeiten, mein portfoilio Skript bin ich nun an dem Punkt, wo ich kopieren möchten, die unsichtbar <p>-Inhalt von einem div in ein anderes, aber es funktioniert nicht - irgendwelche Ideen wie man dieses Problem lösen? Habe versucht, die 

.clone()

Aktion, aber es hat nicht funktioniert, bis jetzt.

Haben Sie einen Blick BEI MEINER GEIGE

Möchte ich kopieren innerhalb der ausgelöst .projecttile div in der #moreinfo div.

InformationsquelleAutor MarcL | 2014-03-19
  1. 1

    Ich denke, Sie wollen einen separaten div innerhalb Ihrer #moreinfo block, oder sonst, wenn Sie kopieren Sie die versteckten Einzelheiten, die Sie löschen [X] schließen-Schaltfläche. Ich bin mir nicht sicher, ob Sie versuchen, die Erhaltung der ursprünglichen dummy-Bild, oder kopieren Sie es über die mit der angeklickten, aber Sie können kopieren Sie den verborgenen text mit so etwas (ich bin mit html statt text im Falle Sie haben-markup in es).

    $('#details').html($(this).parent().find('p').html());

    Ich würde auch vielleicht fügen Sie eine Klasse, um die versteckten <p> Werte, und verweisen darauf, dass in den Fall, Sie wollten mehr als eine <p> tag dort.

    JSFiddle: http://jsfiddle.net/dshell/8FYrs/

    • Danke für die Antwort, habe eine Lösung gefunden wie diese: $(this).nextAll().slice(0, 2).appendTo( "#moreinfo" ); Jetzt habe ich das problem: wenn ich geschlossen .moreinfo div den Inhalt angehängt bleibt, gibt es - was muss ich hinzufügen zu meiner abschließenden Aktion, den Inhalt zu löschen? // Aktualisiert mein jsfiddle
    • Nun, das ist, warum ich vorgeschlagen, hinzufügen eines neuen Elements zum halten Ihren Inhalt explizit. Mit meiner Geige könnte man nur tun $('#details').empty() und es würde gelöscht werden. Mit Ihnen könnte man hinzufügen, eine Klasse des Objekts, das Sie Anhängen mit $(this).nextAll().slice(0,2).addClass("appended").appendTo("#moreinfo");, und dann etwas tun, wie $(".appended").remove();
    • Yeah, Super!!! Was du mir gesagt hast und es funktioniert Super - danke!!! Darf ich Fragen, zwei Fragen: 1) Warum bin ich nicht in der Lage, beides zu finden, die h1-und die p-element? Und 2) gibt es eine Möglichkeit, Sie zu halten Stil als h1 und p, wenn Sie verschoben in die details div?
    • Wenn Sie wollen, bewegen Sie den img tag dann könnten Sie kopieren die ganze div.portfoliotile mit der html(...) nennen - das bewahrt die h1 und p tags, wo .text(...) nicht. Wenn Sie nicht wollen, um das Bild zu kopieren, dann würde ich die Gruppe der p und h1 tags zusammen unter einem neuen div und Kopie, statt.
    • Boom! Dort gehen wir - Dank Mann! Jetzt alles, was ich tun müssen, ist, machen Sie glatt, so dass es das ein-und ausblenden. Was mir gerade aufgefallen ist: ist es eine intelligente Art und Weise zu entfernen .verdunkeln Klasse aus .projecttile, wenn ein anderer .projecttile aktiv ist?
    • Glücklich zu helfen! Ich würde wahrscheinlich nur entfernen Sie ihn zunächst aus jeder mit einem $('.darken').removeClass("darken"); und dann explizit hinzufügen, die Sie wollen, es zu haben.
    • Was meinst du mit "entfernen" von allen" ?
    • Die $('.darken') Selektor findet alle Objekte, die dieser Klasse zugewiesen werden, und Sie entfernen es aus Sie alle. So ist es nicht wirklich jeder, aber jeder mit dieser Klasse. Man könnte Optional wählen Sie nur projecttiles mit der Klasse durch die Kombination der Klassen im Selektor mit $('.projecttile.darken')
    • Noch nicht sicher, ob du meinst, wie diese, aber diese Zeilen das problem gelöst: $('.dark').removeClass('dunkel'); $(this).parent().addClass('dunkel');
    • Ja, das ist genau das, was ich sagte. Ich wollte nicht gehen Sie zurück und betrachten Sie die literal-Klasse name - Sie nannten es ".darken" vor, also das ist, was ich in meiner Antwort. 🙂
    • ja, war ein Tippfehler. Danke sehr, sehr viel! Haben Sie einen Blick auf, wie um alles mehr 'glatt' jetzt und dann bin ich bereit, mit ihm zu arbeiten. Was würden Sie empfehlen, um nach unten zu verschieben die container-div mit der projecttiles, wenn die moreinfo-div aktiv ist? Ich dachte zuerst über die Berechnung der Höhe der .moreinfo-div, fügen Sie ein 0px div bevor der container und erhöhen Sie die Höhe der .moreinfo Höhe.

    InformationsquelleAutor Danny
  2. 2

    Können Sie html () - Methode zum kopieren von Inhalten in html-element & setzen Sie es.

    z.B.

    var data = $('source_div').html();
$('target_div').html(data);
    InformationsquelleAutor demonofthemist
Schreibe einen Kommentar