Можно ли клонировать объекты элемента html в JavaScript/JQuery?

Question

Я ищу несколько советов о том, как решить мою проблему.

У меня есть элемент html (например, поле ввода поля выбора) в таблице. Теперь я хочу скопировать объект и сгенерировать новый из копии, а также с помощью JavaScript или jQuery. Я думаю, что это должно сработать как-то, но сейчас я немного невежественен.

Что-то вроде этого (псевдо-код):

Answer 1

JQuery путь (не самый эффективный):

Посмотрите на clone() метод JQuery

Использование кода вы можете сделать что-то вроде этого:

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

Answer 2

Это действительно очень просто в jQu чень:

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

Изменение .appendTo() конечно ...

Answer 3

В одной строке:

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

Answer 4

С родной JavaScript:

newelement = element.cloneNode(bool) 

где булево указывает, является ли клонировать дочерние узлы или нет

Answer 5

Да, вы можете скопировать детей одного элемента и вставить их в другой элемент:

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

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

Доказательство: http://jsfiddle.net/de9kc/

Answer 6

Попробуйте это:

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

Answer 7

Вы должны выбрать "# 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/

Answer 8

Вы можете использовать клон() метод для создания копия ..

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

FIDDLE HERE