텍스트를 복제하지 않고 필드 복제하기

Question

3 개의 필드를 복제하는 코드 조각이 있지만, 3 개의 필드를 복제하면 내부에 입력 된 텍스트도 복제됩니다. 내부의 내용을 지우는 방법이 있습니다. 필드가 복제 될 때?

$(document).ready(function() { 
    $('#btnAdd').click(function() { 
     var num  = $('.clonedSection').length; 
     var newNum = new Number(num + 1); 

     var newSection = $('#clonedSection' + num).clone().attr('id', 'clonedSection' + newNum); 

     newSection.children(':first').children(':first').attr('id', 'name' + newNum).attr('name', 'name' + newNum); 
     newSection.children(':nth-child(2)').children(':first').attr('id', 'age' + newNum).attr('name', 'age' + newNum); 
     newSection.children(':nth-child(3)').children(':first').attr('id', 'school' + newNum).attr('name', 'school' + newNum); 

     $('.clonedSection').last().append(newSection); 
     $('.clonedSection').last().val(ping); 

     $('#btnDel').attr('disabled',''); 

     if (newNum == 2) 
      $('#btnAdd').attr('disabled','disabled'); 
    }); 

    $('#btnDel').click(function() { 
     var num = $('.clonedSection').length; // how many "duplicatable" input fields we currently have 
     $('#clonedSection' + num).remove();  // remove the last element 

     // enable the "add" button 
     $('#btnAdd').attr('disabled',''); 

     // if only one element remains, disable the "remove" button 
     if (num-1 == 1) 
      $('#btnDel').attr('disabled','disabled'); 
    }); 

    $('#btnDel').attr('disabled','disabled'); 
}); 

미리보기!

Answer 1

이 같은 입력 요소를 지울 수 있습니다 :

newSection.find(':input').val('');