Javascript 无法使用Jquery删除表的tbody

我的标记中有下表：-

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

    });
   }

函数getprocesslist（结果）{ $（“#tablelist tbody”）.remove（）； var str='进程总数：-'+result.Total.toString（）； $（'#total'）.text（str.toString（））； var str1=''+'流程名称'+''+'流程请求者ID'+''+'流程状态'+''+'流程开始日期'+''+'流程到期日期'+''； $（'tablelist tr:last'）。在（str1）之后； $.each（result.data，function（key，val）{ var str2=''+val.name+''+val.requesterId+''+val.state+''+val.startedTime+''+val.due+''； $（'tablelist tr:last'）。在（str2）之后； }); } 但问题是，当用户多次单击链接时，新数据将显示在旧表下，而不是删除旧数据。我认为我的代码的问题是，在第一次点击时，

被删除，我不能使用Jquery再次引用它？你知道我怎样才能解决这个问题吗

BR

再次添加车身

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

$（'#tablelist'）。追加（''）；

您正在移除主体，然后将所有内容添加到桌面。相反，清空头部和身体，并将内容附加到正确的位置：

function getprocesslist(result) {
    $('#tablelist tbody, #tablelist thead').empty();

    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 thead').append(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 tbody').append(str2);
    });
}​

函数getprocesslist（结果）{ $（“#tablelist tbody，#tablelist thead”）.empty（）； var str='进程总数：-'+result.Total.toString（）； $（'#total'）.text（str.toString（））； var str1=''+'流程名称'+''+'流程请求者ID'+''+'流程状态'+''+'流程开始日期'+''+'流程到期日期'+''； $（'tablelist thead'）。追加（str1）； $.each（result.data，function（key，val）{ var str2=''+val.name+''+val.requesterId+''+val.state+''+val.startedTime+''+val.due+''； $（'#tablelist tbody'）。追加（str2）； }); }​

---

@johnG：在这里，我为您创建了这个JSFIDLE。编辑它以显示您想要的内容。