È ansible clonare oggetti elemento html in JavaScript / JQuery?

Sto cercando alcuni suggerimenti su come risolvere il mio problema.

Ho un elemento html (come il campo di selezione della casella di selezione) in una tabella. Ora voglio copiare l’object e generarne uno nuovo dalla copia e quello con JavaScript o jQuery. Penso che questo dovrebbe funzionare in qualche modo, ma al momento sono un po ‘incapace.

Qualcosa come questo (pseudo codice):

oldDdl = $("#ddl_1").get(); newDdl = oldDdl; oldDdl.attr('id', newId); oldDdl.html(); 

Il modo jQuery (non il più efficiente):

Guarda il metodo clone () di JQuery

Usando il tuo codice puoi fare qualcosa del genere:

 $('#ddl_1').clone().attr('id', newId).appendTo('p'); // append to where you want 

Con javascript nativo:

 newelement = element.cloneNode(bool) 

dove il booleano indica se clonare i nodes figlio o meno

Sì, puoi copiare i figli di un elemento e incollarli nell’altro elemento:

 var foo1 = jQuery('#foo1'); var foo2 = jQuery('#foo2'); foo1.html(foo2.children().clone()); 

Prova: http://jsfiddle.net/de9kc/

In realtà è molto semplice con jQuery:

 $("#ddl_1").clone().attr("id",newId).appendTo("body"); 

Cambia .appendTo () ovviamente …

Puoi usare il metodo clone () per creare una copia ..

 $('#foo1').html( $('#foo2 > div').clone())​; 

FIDDLE QUI

Prova questo:

 $('#foo1').html($('#foo2').children().clone()); 

In una riga:

 $('#selector').clone().attr('id','newid').appendTo('#newPlace'); 

Devi selezionare “# foo2” come selettore. Quindi, prendilo con html ().

Ecco l’html:

 
Foo Here

Ecco la javascript:

 $("#foo2").click(function() { //alert("clicked"); var value=$(this).html(); $("#foo1").html(value); });​ 

Ecco il jsfiddle: http://jsfiddle.net/fritzdenim/DhCjf/