2011-08-05 60 views
0

示例代碼的Jquery在表中添加TR到倒數第二排

`<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> 
` 

這是怎麼做的?請幫助

回答

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

}); 

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

只。之前( '#addRow');而不是.insertBefore('#addRow');應該夠了。 – mkk