使用javascript或Jquery重置HTML表数据

我有以下表格结构

<table id="tblPtPrtDtl" class="table table-bordered table-striped mb-none">
                                            <tr>
                                                <th>
                                                    <b>File Number </b>
                                                </th>
                                                <th>
                                                    <b>Name </b>
                                                </th>
                                                <th>
                                                    <b>Status </b>
                                                </th>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <span class="prtfilenum"></span>
                                                </td>
                                                <td>
                                                    <span class="prtname"></span>
                                                </td>
                                                <td>
                                                    <span class="prtstatus"></span>
                                                </td>
                                            </tr>
                                        </table>

我试图清空该表，但删除所有行将删除填充该表所需的类

$("#tblPtPrtDtl tr").remove();
$("#tblPtPrtDtl tr").detach();

我想清除行中的所有数据，只保留一个空的，其中类完好无损，以便在需要时重新填充字段

我尝试了以下函数，但删除了所有行及其类，这会阻止我重新填充表

$("#tblPtPrtDtl tr").remove();
$("#tblPtPrtDtl tr").detach();

---

谢谢

所以我已经解决了这个问题， 首先，我使用javascripting生成表，然后用数据填充表。我把桌子的结构完全拆了，把它清理干净。这样，我就可以在不刷新页面的情况下，继续使用具有不同记录的表。下面的代码在定义的Div区域中填充表格

  var tbl = $("<table>").attr("id", "tblPtPrtDtl").addClass("table table-bordered table-striped mb-none");
        var tr1 = $("<tr>").append($("<th>").append($("<b>").text("File Number")))
        .append($("<th>").append($("<b>").text("Name")))
        .append($("<th>").append($("<b>").text("Status")));
        var tr2 = $("<tr>").append($("<td>").append($("<span>").attr("id", "prtfilenum")))
        .append($("<td>").append($("<span>").attr("id", "prtname")))
        .append($("<td>").append($("<span>").attr("id", "prtstatus")));

        tbl.append(tr1);
        tbl.append(tr2);
        if ($('#tblPtPrtDtl').length) { $('#tblPtPrtDtl').remove(); $("#dvTable").append(tbl); } else { $("#dvTable").append(tbl); }

---

参考：

$（“#tblptprttl tr”）.html（“”）？不，先生，不起作用
if ($('#tblPtPrtDtl').length) { $('#tblPtPrtDtl').remove() }