JavaScript/JQuery'de html öğesi nesnelerini klonlamak mümkün mü?

Question

Sorunumu çözme konusunda bazı ipuçları arıyorum.

Bir tabloda bir html öğesi (seçim kutusu giriş alanı gibi) var. Şimdi nesneyi kopyalamak ve kopyadan yeni bir tane oluşturmak ve JavaScript ya da jQuery ile oluşturmak istiyorum. Sanırım bu bir şekilde çalışmalı ama şu anda biraz clueless. Bu (sözde kod) gibi

şey:

Answer 1

jQuery yolu (değil en verimli): JQuery

ait clone() yöntemine

Bak yapabileceğiniz kodunuzu kullanma Böyle bir şey:

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

Answer 2

Aslında jQu'da çok kolay eri: tabii

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

Değişim .appendTo() ...

Answer 3

bir satırda:

newelement = element.cloneNode(bool) 

boolean olup olmadığını gösterir: yerli javascript ile

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

Answer 4

çocuk düğümlerini klonlamak veya

Answer 5

var foo1 = jQuery('#foo1'); 
var foo2 = jQuery('#foo2'); 

foo1.html(foo2.children().clone()); 

Kanıtı:Evet, diğer elemana içine bir elemanın çocukları kopyalayıp yapıştırabilirsiniz http://jsfiddle.net/de9kc/

Answer 6

deneyin:

Sen "# foo2" seçmeniz gerekir

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

Answer 7

senin seçmen olarak. Ardından, html() ile alın. jsfiddle İşte

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

edilir: http://jsfiddle.net/fritzdenim/DhCjf/

Answer 8

Bir oluşturmak için klon() yöntemini kullanabilirsiniz Burada

<div id="foo1"> 

</div> 
<div id="foo2"> 
    <div>Foo Here</div> 
</div>​ 

javascript: Burada

html copy ..

FIDDLE HERE