html 요소 jQuery 추가

Question

HTML 코드의 텍스트 영역을 첫 번째 텍스트 영역의 동일한 컨테이너에 추가하는 버튼을 클릭하여 텍스트 영역을 복사하려고합니다.

내 코드는 다음과 같습니다

$("#note_adder").click(function(){$("#p_note").clone().append('note_id')}); 

• 버튼의 ID는 note_adder
• 텍스트 영역의 ID가 p_note입니다
• 컨테이너의 ID가 나는 또한의 이름 속성을 변경하려면 note_id

입니다 새롭게 생성 된 텍스트 영역.

Answer 1

두 가지 : 당신은 appendTo를 사용해야합니다, 당신은 # 필요 note_id 앞. ID를 고유해야하기 때문에

$('#note_adder').click(function() { 
    var counter = $('[id^="p_note"]').length; 
    $('#p_note').clone().attr({ 
     id: 'p_note_' + counter, 
     name: 'p_note_' + counter 
    }).appendTo('#note_id'); 
}); 

는 또한 복제 된 텍스트 영역의 id을 변경했습니다. http://jsfiddle.net/cq9Hq/2/ :

여기 Shadow Wizard's answer에서 빌린 데모의 ...

• p_note_1
• p_note_2
• 등 : 각 연속 클릭, 그것은의 이름과 ID를 가진 새로운 텍스트 영역을 생성한다.

Answer 2

필요는 appendTo이 될 :

$("#note_adder").click(function(){$("#p_note").clone().appendTo('#note_id')}); 

라이브 테스트 케이스 : http://jsfiddle.net/cq9Hq/

Box9 더 나은 방법으로 업데이트 : http://jsfiddle.net/cq9Hq/1/