使用JavaScript或JQuery重置HTML表数据

Question

i m具有下表结构，

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

我使用Web方法(页面方法(填充此表这是AJAX呼叫代码

之后的JS成功函数

var xmlDoc = $.parseXML(response.d);
            var xml = $(xmlDoc);
            var customers = xml.find("PtPrt");
            var row = $("[id*=tblPtPrtDtl] > tbody tr:last-child").clone(true);
            $("[id*=tblPtPrtDtl] tr").not(':has(th)').remove();
            $.each(customers, function () {
                $(".prtfilenum", row).html($(this).find("PrtFilenum").text());
                $(".prtname", row).html($(this).find("Column1").text());
                $(".prtstatus", row).html($(this).find("PrtStatus").text());
                $("[id*=tblPtPrtDtl]").append(row);
                row = $("[id*=tblPtPrtDtl] > tbody tr:last-child").clone(true);

i试图清空表

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

我尝试了以下功能，但是删除所有行及其类，使我无法重新填充表。

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

谢谢

Answer 1

，所以我已经解决了首先，我使用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); }

要删除它，我使用

if ($('#tblPtPrtDtl').length) { $('#tblPtPrtDtl').remove() }

参考：https：//forums.asp.net/post/6132153.aspx