이 같은 테이블이 테이블

Question

의 맨 아래에 행을 추가하려면, 더 많은 버튼을 추가 고유 한 이름 (예 :

)

<tr><td><input name="field-3" type="text" /></td></tr> 
<tr><td><input name="field-4" type="text" /></td></tr> 

같은 해결책을 제안하십시오.

고마워요!

Answer 1

$('button#add_more').on('click', function() { 
    var table = $('table#myTable tbody'), 
     len = $('input[type=text]', table).length; 
    table.append('<tr><td><input name="field-'+ (len+1)+'" type="text" /></td></tr>'); 
}) 

DEMO

Answer 2

데모 : 당신이 영웅이 http://jsfiddle.net/ankur20us/MTXhZ/

$('#click').click(function(){ 
    var totRows=$('#myTable tr').length; 

    $('#myTable').append("<tr><td><input name='field-"+ totRows +"' type='text' /></td></tr>") 

});​