Jquery는 tr을 테이블의 마지막 행 하나에 추가합니다.

Question

샘플 코드

`<table> 
    <tr>  
<td> first column </td>  
</tr> 
<tr id ="addRow"> 
<td><input type="button" id="add_button" name="add" value="Add" /></td> 
</tr> 
</table> 
` 

이제이 추가 버튼을 클릭하면이 행 앞에 tr가 추가됩니다. 예 :

`<table> 
<tr> 
<td> first column </td>  
</tr> 
<tr>  
<td> some content </td>  
</tr> 
<tr id ="addRow"> 
<td><input type="button" id="add_button" name="add" value="Add" /> 
</td>  
</tr> 
</table> 
` 

그래서 다음 번에 추가 버튼을 클릭하십시오.

`<table> 
<tr> 
<td> first column </td> 
</tr> 
<tr> 
<td> some content </td> 
</tr> 
<tr> 
<td> some content </td>  
</tr> 
<tr id ="addRow"> 
<td><input type="button" id="add_button" name="add" value="Add" /> </td> 
</tr> 
</table> 
` 

이것은 어떻게 이루어 집니까 ?? 제발 도와주세요

Answer 1

$(function() { 
$('#add_button').click(function() { 
    $('<tr><td>Some content</td></tr>').insertBefore('#addRow'); 

}); 

}): 

Answer 2

$("#add_button").click(function(){ 
    $('<tr><td/></tr>').insertBefore('#addRow'); 
});