是否可以在JavaScript / JQuery中克隆html元素对象？

Question

我正在寻找有关如何解决我的问题的技巧。

我在表中有一个html元素（如选择框输入字段）。现在，我想复制对象并从副本中生成一个新对象，并使用JavaScript或jQuery生成一个对象。我认为这应该会以某种方式起作用，但目前我一点也不了解。

这样的东西（伪代码）：

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

newDdl = oldDdl;

oldDdl.attr('id', newId);

oldDdl.html();

Answer 1

使用您的代码，您可以使用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