如何在不删除html表的情况下清空javascript
How to empty javascript without deleting html table
我有一个html:的代码
<form action="javascript:getAllRecords();" method="GET">
<input type="submit" value="Show All" />
</form>
<table id="bordered-with-stripred-rows" class="table table-bordered table-hover table-striped">
<thead>
<tr>
<th>Id</th>
<th>Issue</th>
<th>Description</th>
<th>Input Date</th>
<th>Edit Date</th>
<th>Name</th>
<th>Email</th>
</tr>
</thead>
</table>
和javascript:
function getAllRecords() {
$.getJSON("getjson.php",
function(response) {
$("#bordered-with-stripred-rows").empty();
var trHTML = '';
$.each(response, function(key, value) {
trHTML +=
'<tr><td>' + value.id +
'</td><td>' + value.issue +
'</td><td>' + value.description +
'</td><td>' + value.input_date +
'</td><td>' + value.edit_date +
'</td><td>' + value.name +
'</td><td>' + value.email +
'</td></tr>';
});
$('#bordered-with-stripred-rows').append(trHTML);
});
}
我想做的是在用$("#bordered-with-stripred-rows").empty();
代码显示新记录之前清空表。但当我在javascript代码中这样写时,它也会删除表,只显示id、issue、description等,而不显示表。我应该在哪里写空代码?
删除tbody
的innerHTML
。
$('#bordered-with-stripred-rows tbody').empty(); // OR html('');
和append
新HTML到tbody
$('#bordered-with-stripred-rows tbody').append(trHTML);
相关文章:
- 如何在未直接触发的情况下停止事件
- 在不使用JQuery的情况下隐藏DOM中的选定元素
- 在不使用jquery的情况下查找页面中的所有锚点并附加函数
- 在不打开聊天屏幕的情况下制作Zopim-ding代理
- 如何在表空或在jquery数据表中找不到匹配项的情况下添加自定义警告消息
- 是否可以在没有构造函数参数的情况下实例化空对象/对象
- 挖空:在不清除视图模型中的值的情况下更改选择列表中的选项
- 在不使用按钮的情况下显示列表,带有挖空功能
- 如何使用 javascript 清空下拉列表后重新填充下拉列表
- 为什么Google闭包编译器在原始命名空间为空的情况下向全局命名空间添加变量
- 默认情况下,如何将ng模型值设置为空字符串
- 如何在不向输出数组获取空值的情况下拆分字符串
- 如何选择当前输入字段,然后禁用并清空下一个字段(反之亦然)
- 使用ajax清空(val)html字段,然后在数据库中的该字段中输入下一个值
- 在“没有结果”的情况下;在Express场景中,我如何将选择错误消息输出到浏览器而不显示空数组[]
- 在不触及src的情况下,将iframe的内容清空
- 如何在没有数据库的情况下从gridview中删除;在调用方法之前检查确定对象是否为空
- 如何在不删除html表的情况下清空javascript
- 如何在不重定向的情况下使用空的href属性
- 清空下拉列表中的第一个元素