Brauchen einige Jquery Hilfe Kopieren eines DIV in ein anderes DIV und hoffen, dass dies möglich ist. Ich habe die folgende HTML:
<div class="container">
<div class="button"></div>
</div>
Und dann habe ich ein anderes DIV an einer anderen Stelle in meiner Seite und ich würde gerne das 'button' div in das folgende 'package' div kopieren:
<div class="package">
Place 'button' div in here
</div>
Sie werden die Methode clone()
verwenden wollen, um eine tiefe Kopie des Elements zu erhalten:
$(function(){
var $button = $('.button').clone();
$('.package').html($button);
});
Vollständige Demo:
Aus den jQuery Docs:
Die Methode .clone() führt eine tiefe Kopie der Menge der übereinstimmenden Elemente durch, d.h. sie kopiert die übereinstimmenden Elemente ebenso wie alle ihrer abhängigen Elemente und Textknoten. Bei Verwendung in Verbindung mit einer der Einfügemethoden verwendet, ist .clone() ein bequemer Weg, um Duplizieren von Elementen auf einer Seite.
Setzen Sie dies auf ein Ereignis
$(function(){
$('.package').click(function(){
var content = $('.container').html();
$(this).html(content);
});
});