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

Question

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

Answer 1

使用clone()方法克隆元素。

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

另请参阅：JQuery Docs - Clone。

Answer 2

假设有类似的东西：

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

然后尝试：

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

演示：http://jsfiddle.net/KL7QZ/2/

在true方法中传递.clone也会克隆事件。