2012-10-24 88 views
1

表我有我的標記內見下表: -無法刪除TBODY的使用jQuery

<table id="tablelist" border="1"> 

     <thead> 
     <tr> 
    </tr> 
    </thead> 
     <tbody></tbody> 
     </table> 

,我使用下面的Java腳本,將被解僱當用戶點擊建築上表鏈接: -

function getprocesslist(result) { 
     $('#tablelist tbody').remove(); 

    var str = 'Total Number Of Processes:- ' + result.total.toString(); 
     $('#total').text(str.toString()); 

     var str1 = '<tr><th>' + 'Process Name' + '</th><th>' + 'Process Requestor ID' + '</th><th>' + 'Process State' + ' </th><th>' + 'Process Start Date' + ' </th><th>' + 'Process Due Date' + ' </th></tr>'; 
     $('#tablelist tr:last').after(str1); 
    $.each(result.data, function (key, val) { 
     var str2 = '<tr><td>' + val.name + '</td><td>' + val.requesterId + '</td><td>' + val.state + '</td><td>' + val.startedTime + '</td><td>' + val.due + '</td></tr>'; 

     $('#tablelist tr:last').after(str2); 

    }); 
    } 

但問題是,當用戶點擊多時間鏈路上的新數據將舊錶下的顯示,而不是刪除舊數據。我認爲與我的代碼problme是在第一次碰撞<tbody></tbody>是刪除,我不能再引用它使用JQuery的?關於如何解決這個問題的任何想法?

BR

回答

2

您正在刪除tbody,然後將所有內容添加到表頭。相反,空的頭部和身體,在適當的地方追加內容:

​​
1

再次添加tbody。

$('#tablelist').append('<tbody></tbody>'); 
+1

它不會工作.. –

+0

@johnG:在這裏,我創造了這個的jsfiddle你。編輯它以顯示你想要的。 http://jsfiddle.net/RASG/Dq5rX/ – RASG