동적으로 형태 및 HTML & jQuery를

Question

자바 스크립트의 내용을 추가

$('.addTable').live('click', function() { 
    var appendTxt = "<table id='tab1'> 
       <tr><td><input type='text' name='input1' /></td><td><input type='text' name='input2' /></td> 
        <td><input type='button' class='addRow' value='Add Row' /></td></tr></table>"; 
    $("table:last").after(appendTxt); 
}); 

$('.addRow').live('click', function() { 
    var appendTxt = "<td><input type='text'name='input1' /></td><td><input 
       type='text'name='input2' /></td><td><input type='button' class='addRow' value='Add Row'/></td> "; 
    $("tr:last").after(appendTxt); 
}); 

HTML :

<table id="tab"> 
    <tr> 
     <td> 
      <input type="text" name="input1" /> 
     </td> 
     <td> 
      <input type="text" name="input2" /> 
     </td> 
     <td> 
      <input type="button" class="addRow" value="Add Row" /> 
     </td> 
    </tr> 
</table> 

<input type="button" class="addTable" value="addTable" /> 

I 버튼 "행을 추가"충돌, 나는 동적으로 새 행을 얻을. "테이블 추가"버튼을 누르면 새로운 테이블이 생깁니다.

하지만 이전 테이블뿐만 아니라 모두 새로운에서 "행을 추가"명중 할 때이 후, 나는 $("tr:last").after(appendTxt) 을 넣어 때문에 나는 마지막으로 추가 된 테이블에 추가 된 행을 얻을 그래서에 존재하는 최신 <tr>에 추가

최신 표.

"new table"을 눌렀을 때 해당 테이블에 행을 추가 할 수 있도록 더 좋은 방법이 있습니까?

Answer 1

위의 의견을 말한 후.

변경 :

$("tr:last").after(appendTxt); 

하려면 :

$(this).closest('table').find('tr:last').after(appendTxt); 

나는 당신의 행 추가 버튼을 사용하여 새 행을 추가하는 각 테이블에 존재 가정합니다.