移除/刪除動態創建的表詳細

Question

我有一個空表的HTML DIV部分：

<div id="report_result" class="container"> 
     <table cellpadding="0" cellspacing="0" border="0" class="dataTable" id="example"> 
     </table> 
</div> 

現在我動態地創建這是基於通過在頁面中使用選擇PARAMS表頭和身體：

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'); 
} 

有一個'運行報告'按鈕，通過用戶選擇的選項點擊調用'runreport'功能。

第一次表格顯示正常，但如果用戶只是重新點擊「運行報告」按鈕表格的內容被重複等等。所以每次點擊表格標題都會被添加。

因此我雖然創建相同的前去除所有的表頭，行，頁腳等：

但我收到這樣即使出現錯誤，在第一次：

"#example".empty is not a function 
[Break On This Error] 

('#example').empty(); 

但http://api.jquery.com/empty/狀態這種方法 - 那麼爲什麼我得到這個錯誤？

Answer 1

您在括號前面忘了$：

$('#example')...