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