특정 요소를 복사하고 싶을때 clone 사용

추가를 누르면 7번 바로 위에 8번이라는 입력란이 또 표시되게끔 하고싶어 clone을 사용

 

추가버튼에 아이디를 add로 지정해줌.

 

$('#add').on('click',function(){
   var oObj = $(".question-area tr:last").clone(true);       //question-area클래스 자식들중 마지막 tr을 복사한다.
   oObj.find('.text-no').text($('.question-area').find('tr').length+1);   

  //No. 바꾸기 -> 복사한 객체에서 question-area 를 클래스로 가지는 요소에서 tr의 갯수에 +1 한 값으로 바꿔준다.

   oObj.find('.question-content').val('');    //복사한 객체에서 textarea영역은 비워준다.

});

 

 

짠! 추가 누르면 복사되어 아래와 같이 나타난다!

자바스크립트도 같이 복사하고자하면 clone(true)로 사용!