JavaScript의 클릭 핸들러에서 현재 객체를 복제하는 방법

Question

webform에 텍스트 필드를 동적으로 추가하려고합니다. 기존 텍스트 필드 옆에 '추가'아이콘이 있습니다. 아이콘을 클릭하면 '추가'아이콘과 텍스트 필드의 새로운 조합이 추가됩니다. 그런 다음 새로운 '추가'아이콘과 동일한 상황입니다. 어떻게 할 수있는 자바 스크립트 또는 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.

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

가 그런 시도 : 같은 가정

Answer 2

는

는

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

데모 : http://jsfiddle.net/KL7QZ/2/

.clone 방법에 true 전달은 이벤트를 복제합니다.