Ist es möglich, HTML-Elementobjekte in JavaScript/JQuery zu klonen?

Question

Ich suche nach Tipps, wie ich mein Problem lösen kann.

Ich habe ein HTML-Element (wie Auswahlfeld Eingabefeld) in einer Tabelle. Jetzt möchte ich das Objekt kopieren und ein neues aus der Kopie generieren, und zwar mit JavaScript oder jQuery. Ich denke, das sollte irgendwie funktionieren, aber ich bin im Moment ein wenig ratlos.

So etwas wie diese (Pseudocode):

Answer 1

Die jQuery Art und Weise (nicht die effizienteste):

Blick auf die clone() Methode von JQuery

Code Verwenden Sie tun können etwas wie das:

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

Answer 2

Es ist wirklich sehr einfach in jQu ery:

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

ändern .appendTo() natürlich ...

Answer 3

In einer Zeile:

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

Answer 4

Mit nativer javascript:

newelement = element.cloneNode(bool) 

wo die boolean gibt an, ob klonen Kindknoten oder nicht

Answer 5

Ja, können Sie Kinder eines Elements kopieren und in das andere Element einzufügen:

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

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

Beweis: http://jsfiddle.net/de9kc/

Answer 6

Versuchen Sie folgendes:

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

Answer 7

Sie müssen "# foo2" wählen als deine Wahl. Dann hol es mit html(). Hier

ist die html:

<div id="foo1"> 

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

Hier ist die javascript:

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

Hier wird die jsfiddle: http://jsfiddle.net/fritzdenim/DhCjf/

Answer 8

Sie können clone() Methode, um ein erstellen kopieren ..

FIDDLE HERE