我有一个带有空表的 HTML div 部分:
<div id="report_result" class="container">
<table cellpadding="0" cellspacing="0" border="0" class="dataTable" id="example">
</table>
</div>
现在我根据页面中使用的参数动态创建表头和正文:
function runreport(datastring)
{
var tables_header = $('<thead><tr><th>Flow State</th><th>Flow Logging Id</th><th>Co-relation Id</th></tr></thead><tbody></tbody>');
('#example').empty(); // added later
tables_header.appendTo('#example');
}
有一个“运行报告”按钮,单击时会调用带有用户选择选项的“运行报告”功能。
第一个时间表很好,但如果用户只是重新单击“运行报告”按钮,表格的内容就会重复等等。因此,每次单击都会添加表头。
因此,我想在创建之前删除所有表格的标题、行、页脚等:
但即使是第一次,我也会收到一个错误:
"#example".empty is not a function
[Break On This Error]
('#example').empty();
但是http://api.jquery.com/empty/说明了这种方法 - 那为什么我会收到这个错误?