如何在javascript中克隆单击处理程序中的当前对象

我想动态地将textfield添加到webform。现有文本字段旁边有“添加”图标。单击图标时，会添加“添加”图标和文本字段的新组合。然后，新的“添加”图标也会出现同样的情况。在javascript或jquery框架中如何做到这一点？

使用

clone（）

方法克隆元素

$("#add").live("click", function(ev){
    var clone = $(ev.target).clone();
    //Add the clone to the document, eg: clone.appendTo("body");
})

---

另请参见：.

假设：

<div><input><button>add</button></div>

演示：

---

在

.clone

方法中传递

true

，也会克隆事件。

是的。使用.live（）（或我的首选项，.delegate（））您不需要克隆事件，这是一个稍微优雅的选项。我向它添加了一个删除按钮和处理程序，如下所示：addremove$（'#add'）。单击（function（）{$（this）.parent（）.after（$（this）.parent（）.clone（true））；）$（“#删除”）。单击（函数（）{$（this.parent（）.remove（）；}）；似乎删除功能不起作用。你能告诉我有什么问题吗？克隆元素时不要使用ID

var elm;
$('button').click(function() {
    elm = $(this).parent();
    elm.after( elm.clone(true) );
});