示例代码
`<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>
`
这是怎么做到的?请帮忙
最佳答案
$(function () {
$('#add_button').click(function () {
$('<tr><td>Some content</td></tr>').insertBefore('#addRow');
});
}):
关于javascript - Jquery将tr添加到表中的最后一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6956243/