C# 清空<;t车身>;它不起作用了 $(文档).ready(函数(){ $('#btnSearch').bind('click',function(){ var text=$(“#txtSearch”).val(); var filterS=$(“#Filter option:selected”).val(); var url='@url.Action(“SearchGuest”、“Dashboard”); 警报(url); $.ajax({ 键入:“GET”, url:url, 数据:{text:text,filter:filterS}, 成功:功能(emp){ $('#TableGuest tbody>tr')。删除(); jQuery.each(emp,function(i,val){ $(“#TableGuest tr:last”)。在(“+val.Name+”“+val.FatherName+”“+val.CNIC+”“+val.Phone+”)之后; }); }, 错误:功能(emp){ } }); }); });

C# 清空<;t车身>;它不起作用了 $(文档).ready(函数(){ $('#btnSearch').bind('click',function(){ var text=$(“#txtSearch”).val(); var filterS=$(“#Filter option:selected”).val(); var url='@url.Action(“SearchGuest”、“Dashboard”); 警报(url); $.ajax({ 键入:“GET”, url:url, 数据:{text:text,filter:filterS}, 成功:功能(emp){ $('#TableGuest tbody>tr')。删除(); jQuery.each(emp,function(i,val){ $(“#TableGuest tr:last”)。在(“+val.Name+”“+val.FatherName+”“+val.CNIC+”“+val.Phone+”)之后; }); }, 错误:功能(emp){ } }); }); });,c#,jquery,ajax,asp.net-mvc-4,html-table,C#,Jquery,Ajax,Asp.net Mvc 4,Html Table,我试过各种功能,比如 $('#TableGuestBody').empty() $('#TableGuest tbody>tr')。删除() $(“#TableGuestBody”).html(“”) 但上述措施都不起作用:( 它不断地在上添加新行,而不删除以前的行 注意:我只想删除内部的这对您有效,对我有效 $(document).ready(function () { $('#btnSearch').bind('click', function () {

我试过各种功能,比如

  • $('#TableGuestBody').empty()
  • $('#TableGuest tbody>tr')。删除()
  • $(“#TableGuestBody”).html(“”)
但上述措施都不起作用:(

它不断地在上添加新行,而不删除以前的行


注意:我只想删除
内部的

这对您有效,对我有效

 $(document).ready(function () {
            $('#btnSearch').bind('click', function () {
                var textS = $("#txtSearch").val();
                var filterS = $("#Filter option:selected").val();
                var url = '@Url.Action("SearchGuest","Dashboard")';
                alert(url);
                $.ajax({
                    type: 'GET',
                    url: url,
                    data:{text:textS,filter:filterS},
                    success: function (emp) {
                        $('#TableGuest tbody > tr').remove();
                        jQuery.each(emp, function (i, val) {

                            $('#TableGuest tr:last').after("<tr><td>"+val.Name+"</td><td>"+val.FatherName+"</td><td>"+val.CNIC+"</td><td>"+val.Phone+"</td></tr>");
                        });

                    },
                    error: function (emp) {

                    }
                });


            });
        });
这样,它只会删除
t正文中的
tr

或 如果页面上有多个表,您可以更具体地指定要清空哪个tbody

$(document).ready(function() {
        $("tbody").find("tr").remove();
    });

检查它

假设您确实有一个
元素,然后使用
$(“#TableGuestBody”).empty()
可以正常工作(并清除所有
元素)

您的问题在于添加新行的方式

 $(document).ready(function() {
        $("tbody#TableGuestBody").find("tr").remove();
    });
将在表中最后一个
元素之后添加新行,并且由于您刚刚删除了
元素中的所有行,新行将添加到
元素中。因此,现在当您调用
$(“#TableGuestBody')。empty()
它清除已空
元素的内容,但您仍然可以看到以前添加的行,因为它们位于
元素中。修改代码以将新行添加到

$('#TableGuest tr:last').after(...);

您确定您的表有
元素吗?是的,它有
您对
$(“#TableGuest tr:last”)的使用
可能不建议这样做?-因为这只会在最后一个
元素之后添加,如果
元素为空,则意味着新行将添加到
部分。我怀疑这是添加新行的问题。请尝试使用
$(“#TableGuestBody”).append(yourNewRow)
同样的问题!我没有删除前面的行,而是继续添加:Sdid您看到我给您的示例了吗
$('#TableGuestBody').append(...);