我想在运行时使用 Jquery 动态添加行。开始表没有任何记录。当用户单击 ADD 按钮
时,它必须添加行。
当用户单击ADD 按钮 时,运算符下拉列表框值和过滤器值应添加到该表行中。
这是我试过的 Jquery代码
$("#btnAdd").click(function () {
// $("#queryTable tr:last").after("<tr>...</tr><tr>...</tr>");
$('#queryTable > tbody:last-child').append('<tr>Record1</tr><tr>Record2</tr>');
});
两条线路我都试过了。但这没有任何意义。 谢谢
HTML 代码
<table class="table table-hover " id="queryTable">
<thead>
<tr>
<th>Field Name</th>
<th>Values</th>
</tr>
</thead>
<tbody>
<tr>
<td>Mark</td> //Please ignore these two records. At beginning the table will be empty
<td>Otto</td>
</tr>
<tr>
<td>Jacob</td>
<td>Thornton</td>
</tr>
</tbody>
</table>
最佳答案
添加 HTML 元素的正确 jQuery 代码是:
$('#queryTable tbody').append('<tr><td>Record1</td><td>Record2</td></tr>');
关于javascript - 如何使用 Jquery 在 HTML 表格中添加行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41995372/