我一直在查看各种 StackOverflow 和 Google 的答案,但我无法弄清楚这一点。
我想要做的是在我的页面上的许多表之一中添加一行。现在,所有“添加行”请求都添加到第一个表中。
这是我的Javascript:
$(document).ready(function() {
$("a#add_row").click(function () {
$('#ListTable1').height($('#collapse1').height() + 60)
$("#delTable").find('tbody')
.append($('<tr>')
.append($('<td>')
.append('<input type="text" name="name[]" size="5"class="input input-small" />'))
.append($('</td>')
)
.append($('<td>')
.append('<input type="text" name="endpoint[]" size="5" class="input input-small" />'))
.append($('</td>')
)
.append($('<td style="width: 20px">')
.append()
.append($('</td>')
))
.append($('</tr>'))
);
});
});
这是我开始每张桌子的方式:
<table class="table" id="listTable1" style="width: 280px;">
<thead>...the head...</thead>
<tbody>...all sorts of rows. Added row goes at the end of the tbody...</tbody>
<tfoot>
<tr>
<td><a id="add_row">Add Row</a></td><td></td>
</tr>
</tfoot>
</table>
这是我正在使用的按钮:
<a id="add_row">Add Row</a>
我知道我必须id
为每个表的 ID 递增,但我不知道如何使用 Javascript 只向执行请求的表添加一行。
我怎样才能让它工作?