JavaScript / JQueryでHTML要素オブジェクトを複製することは可能ですか？

問題を解決するためのヒントを探しています。

テーブルにhtml要素（選択ボックスの入力フィールドなど）があります。次に、オブジェクトをコピーして、そのコピーから新しいオブジェクトを生成し、それをJavaScriptまたはjQueryで生成します。これは何とかうまくいくと思いますが、現時点では少し無知です。

このようなもの（疑似コード）：

oldDdl = $("#ddl_1").get(); 

newDdl = oldDdl;

oldDdl.attr('id', newId);

oldDdl.html();

コードを使用すると、cloneNode（）メソッドを使用してプレーンなJavaScriptで次のようなことができます。

// Create a clone of element with id ddl_1:
let clone = document.querySelector('#ddl_1').cloneNode( true );

// Change the id attribute of the newly created element:
clone.setAttribute( 'id', newId );

// Append the newly created element on element p 
document.querySelector('p').appendChild( clone );

またはjQuery clone（）メソッドを使用します（最も効率的ではありません）。

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

ネイティブJavaScriptの場合：

newelement = element.cloneNode(bool)

ブール値は、子ノードを複製するかどうかを示します。

MDNに関する完全なドキュメントは次のとおりです。

はい、ある要素の子をコピーして、他の要素に貼り付けることができます。

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

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

証明：http : //jsfiddle.net/de9kc/

jQueryでは実際には非常に簡単です。

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

もちろん.appendTo（）を変更してください...

あなたは使用することができますクローン（）のコピーを作成する方法を...

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

ここで遊んでください

これを試して：

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

1行で：

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

セレクタとして「＃foo2」を選択する必要があります。次に、html（）で取得します。

ここにhtmlがあります：

<div id="foo1">

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

これがjavascriptです：

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

ここにjsfiddleがあります：http ://jsfiddle.net/fritzdenim/DhCjf/