按颜色过滤 HTML 表格 [关闭]答案

【问题标题】：Filter HTML table by color [closed]按颜色过滤 HTML 表格 [关闭]
【发布时间】：2014-02-19 17:09:55
【问题描述】：

我有一个呈现 HTML 表格的 PHP 脚本。我正在使用 Javascript 使用 this 从那里过滤和排序表格。

我遇到的问题是我需要按单元格的颜色进行过滤。如果bgcolor 属性不是#FF0000，我想隐藏该行。

我该怎么做？

【问题讨论】：

你能告诉我们你的代码吗？
仅供参考：bgcolor 属性早已被弃用。

标签： javascript html css

【解决方案1】：

如果您将bgcolor 设置为您的属性，您可以这样做：

$('table tr[bgcolor!="#FF0000"]').hide();

或者，正如 Teemu 所说，bgcolor 已被弃用，您可以通过 CSS 设置它：

$('table tr').filter(function() {
    return $(this).css('backgroundColor') != 'rgb(255, 0, 0)';
}).hide();

Fiddle

【讨论】：

为什么要打扰 jQ？尤其是当它没有被标记的时候？

【解决方案2】：

您应该能够构造一个jQuery filter 来选择这些元素。另一种方法是为每个类使用特定的类（带颜色），然后按类过滤行。

【讨论】：

【解决方案3】：

类似这样的东西，使用 jQuery ：

$('table td').each(function(){
   if($(this).attr('bgcolor') != '#FF0000'){
      $(this).hide(); // or .css('display', 'none'); or whatever to hide it.
   }
});

【讨论】：