按颜色过滤HTML表格

时间:2014-02-19 17:09:56

标签: javascript html css

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

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

我该怎么做?

3 个答案:

答案 0 :(得分:-1)

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

答案 1 :(得分:-1)

使用jQuery这样的东西:

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

答案 2 :(得分:-1)

如果您将bgcolor设置为您的属性,则可以执行以下操作:

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

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

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

Fiddle