Question

我有一个动态表，用户可以在其中添加/删除行，填写所有详细信息，然后提交这些详细信息。用户提交详细信息后，我将它们存储在数据库中，然后我想删除表格的所有内容并再次显示空表。

  $.ajax({
                url: 'SaveQAStatus',
                type: 'POST',
                dataType: 'json',
                data: JSON.stringify(jsonString),
                contentType: 'text/html',

                success: function (data) {
                    // I want to clear all the rows and just show original table which has onel 1 empty row
                },
                error: function(jqXHR, textStatus, errorThrown){
                     console.log("Something really bad happened " + textStatus);
                     console.log(errorThrown);
                     console.log(jqXHR.responseText);
                },
            });

任何帮助

Answer 1

您可以删除除第一行之外的所有表格行，并将第一行的td设为空，如下所示：

$.ajax({
                url: 'SaveQAStatus',
                type: 'POST',
                dataType: 'json',
                data: JSON.stringify(jsonString),
                contentType: 'text/html',

                success: function (data) {
                    // I want to clear all the rows and just show original table which has onel 1 empty row
                 // remove all rows except first  
                 $('#tableId tr:not(:first)').remove();
                 //make all td empty for first row
                 $('#tableId tr:first td').each(function(){
                      $(this).html('');
                 });
                },
                error: function(jqXHR, textStatus, errorThrown){
                     console.log("Something really bad happened " + textStatus);
                     console.log(errorThrown);
                     console.log(jqXHR.responseText);
                },
            });

Answer 2

你可以这样做：

$("#tableid tbody tr").remove();
$("#tableid tr").remove();
$("#tableid tbody").html("");

取决于你是否正在使用

ajax响应后重新加载表

2 个答案: