Javascript 如何复制输入元素及其值？

我有由AJAX生成的简单文本框

<input type='text' id='txt1' name='txt1_nm'  />

但是，该值不会复制到文本框中，您只需使用：

$（'#txt1'）.clone（）

它将对该元素及其所有内容执行深度克隆

注意：如果元素有ID，则克隆元素也会复制其ID。 您应该事先将任何

id

更改为

classes

这来自文档：

注意：使用.clone（）的副作用是生成具有重复id属性的元素，这些属性应该是唯一的。在可能的情况下，建议避免使用此属性克隆元素或使用类属性作为标识符

$（文档）.on（'click'，'myBtn'，function（）{
值=$（'#txt1'）.val（）；
$（'#myDiv'）.empty（）；
$（'#myDiv'）.append（$（'#txt1'）.clone（））；
$（'#txt1'）.val（“”）；
});

点击我
您需要使用
clone（）
以便获取元素及其值。在下面代码段的文本框中键入任何内容，然后按
Copy
按钮


//检测复制按钮的点击
$（'#copyBtn'）。单击（函数（）{
//获取clonned元素
var inputElement=$（'#txt1'）.clone（）；
//将clonned元素添加到新div
$（'#copiedDiv'）.html（inputElement）；
});

复制
使用$（'#txt1'）.value（）；尝试$（'#txt1'）.clone（）一个好的方法应该是创建一个元素并将其附加到文档中，然后分配值，因为使用
html（）
将为elementsTry创建一个重复的id。clone（）这将只运行一次，因为它将创建重复的id。我为此添加了一个新的代码段。当您使用AppendedId时，@Akarit将打印
[object object]
：
$（'#txt1'）.clone（）.appendTo（'.container'）？我使用this
$（this）.最近（'tr'）.find（'td:eq（1）input'）.clone（）
尝试使用：
$（this）.最近（'tr'）.find（'td:eq（1）input'）.clone（）.html（）
$('#txt1').html();