È necessario del jquery per copiare un DIV in un altro DIV e sperare che ciò sia possibile. Ho il seguente codice HTML:jQuery duplicato DIV in un altro DIV
<div class="container">
<div class="button"></div>
</div>
E poi ho un altro DIV in un'altra posizione nella mia pagina e vorrei copiare il 'tasto' DIV nella seguente 'pacchetto' div:
<div class="package">
Place 'button' div in here
</div>
Ti consigliamo di utilizzare il metodo clone() al fine di ottenere una copia completa dell'elemento:
$(function(){
var $button = $('.button').clone();
$('.package').html($button);
});
completa demo: http://jsfiddle.net/3rXjx/
Dal jQuery docs:
Il .clone() metodo esegue una copia completa del set di abbinati elementi, il che significa che le copie degli elementi corrispondenti, nonché tutte dei loro elementi discendenti e nodi di testo . Se utilizzato in congiunzione con con uno dei metodi di inserimento, .clone() è un modo conveniente di aggiungere elementi in una pagina a .
$(".package").html($(".container").html());
mettere questo su un evento
$(function(){
$('.package').click(function(){
var content = $('.container').html();
$(this).html(content);
});
});
È possibile copiare il div come questo
$(".package").html($(".button").html())
Copia il codice usando clone e la funzione appendTo:
qui è anche esempio di lavoro jsfiddle
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<div id="copy"><a href="http://brightwaay.com">Here</a> </div>
<br/>
<div id="copied"></div>
<script type="text/javascript">
$(function(){
$('#copy').clone().appendTo('#copied');
});
</script>
</body>
</html>
Ciò non mantiene i valori aggiunti dall'utente sugli input. –
puoi dirmi perché abbiamo bisogno di '$' in 'var $ button'. Credo in js puoi dichiarare var semplicemente come 'var button'. – KNU
@KNU Non è necessario ma è una convenzione comune nel mondo jQuery. Indica che la variabile $ button è un oggetto jQuery. Vedi http://stackoverflow.com/questions/205853/why-would-a-javascript-variable-start-with-a-dollar-sign – chrx