Javascript 从表中删除空单元格及其标签单元格
我有一个两行表(label row和data row),其中填充了关于正在运行的服务的所有相关信息,但是,根据运行的测试,在任何给定的时间,大约有一半的单元格是空的 我正在寻找一个jquery语句,它将查找所有空单元格并将它们与该单元格的标签一起隐藏。我已经搜索了很多,找到了这个用来隐藏空单元格的代码Javascript 从表中删除空单元格及其标签单元格,javascript,jquery,html,Javascript,Jquery,Html,我有一个两行表(label row和data row),其中填充了关于正在运行的服务的所有相关信息,但是,根据运行的测试,在任何给定的时间,大约有一半的单元格是空的 我正在寻找一个jquery语句,它将查找所有空单元格并将它们与该单元格的标签一起隐藏。我已经搜索了很多,找到了这个用来隐藏空单元格的代码 $('table#yourTable tr').each(function(){ if($(this).children('td:empty').length === $(this).chil
$('table#yourTable tr').each(function(){
if($(this).children('td:empty').length === $(this).children('td').length){
$(this).hide();
}
});
但是,我的“空”单元格中填充了“,”而不是真正的空单元格。有没有办法隐藏单元格及其关联的标签单元格?您可以使用.filter()
您可以使用.filter()
下面的代码将隐藏所有非空单元格及其标签单元格
$(function () {
var $label = $('tr:first');
$('tr:last td').each(function (index, td) {
var $td = $(td);
if ($td.html() != ' ') return;
$td.hide();
$label.find('td:eq(' + index + ')').hide();
});
});
下面的代码将隐藏所有非空单元格及其标签单元格
$(function () {
var $label = $('tr:first');
$('tr:last td').each(function (index, td) {
var $td = $(td);
if ($td.html() != ' ') return;
$td.hide();
$label.find('td:eq(' + index + ')').hide();
});
});
您可以迭代您的td,如果没有其他内容,则删除它们,因为当前找到的代码使用
empty
psuedo类,该类考虑元素中的任何文本,将其设置为非空。关于:empty psuedo类的更多信息:使用jQuery执行此操作的示例:您可以迭代您的td,如果没有其他内容,则删除它们,因为当前您找到的代码使用empty
psuedo类,该类考虑元素中的任何文本,将其设置为非空。有关:empty psuedo类的更多信息,请参见:使用jQuery执行此操作的示例: