Javascript 按颜色筛选HTML表

Javascript 按颜色筛选HTML表,javascript,html,css,Javascript,Html,Css,我有一个PHP脚本,它正在呈现一个HTML表。我正在使用Javascript对表进行过滤和排序 我的问题是,我需要根据单元格的颜色进行过滤。如果bgcolor属性不是FF0000,我想隐藏该行 我如何才能做到这一点?您应该能够构造一个用于选择这些元素的。另一种方法是使用一个特定的类,为每个类指定颜色,然后按类过滤行。类似这样的方法,使用jQuery: $('table td').each(function(){ if($(this).attr('bgcolor') != '#FF0000'

我有一个PHP脚本,它正在呈现一个HTML表。我正在使用Javascript对表进行过滤和排序

我的问题是,我需要根据单元格的颜色进行过滤。如果bgcolor属性不是FF0000,我想隐藏该行


我如何才能做到这一点?

您应该能够构造一个用于选择这些元素的。另一种方法是使用一个特定的类,为每个类指定颜色,然后按类过滤行。

类似这样的方法,使用jQuery:

$('table td').each(function(){
   if($(this).attr('bgcolor') != '#FF0000'){
      $(this).hide(); // or .css('display', 'none'); or whatever to hide it.
   }
});
如果将bgcolor设置为属性,则可以执行以下操作:

$('table tr[bgcolor!="#FF0000"]').hide();
$('table tr').filter(function() {
    return $(this).css('backgroundColor') != 'rgb(255, 0, 0)';
}).hide();
或者,正如蒂姆所说,bgcolor已被弃用,您可以通过CSS进行设置,您可以:

$('table tr[bgcolor!="#FF0000"]').hide();
$('table tr').filter(function() {
    return $(this).css('backgroundColor') != 'rgb(255, 0, 0)';
}).hide();

你能给我们看一下你的代码吗?仅供参考:属性早就被弃用了。为什么还要麻烦jQ呢?尤其是当它没有被标记的时候?