如何克隆javascript中的點擊處理程序中的當前對象

Question

我想動態地將文本字段添加到網絡表單。現有文本框旁邊有「添加」圖標。當點擊圖標時，會添加一個新的'添加'圖標和文本框組合。然後，新的「添加」圖標也是如此。如何在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方法也克隆事件。