Отфильтровать HTML-таблицу по цвету

Question

У меня есть PHP-скрипт, который создает HTML-таблицу. Я использую Javascript для фильтрации и сортировки таблицы оттуда, используя this.

Проблема у меня в том, что мне нужно фильтровать по цвету ячейки. Если атрибут bgcolor не #FF0000, я хочу скрыть строку.

Как я могу это сделать?

Answer 1

Если вы установите bgcolor как атрибут вы могли бы сделать:

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

Или, как сказал Тиму, BGCOLOR является устаревшим и установить его с помощью CSS вы можете сделать:

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

Fiddle

Answer 2

Вы можете создать jQuery filter для выбора этих элементов. Другим подходом является использование определенного класса (w/color) для каждого, а затем фильтрация строк по классам.

Answer 3

Что-то вроде этого, с помощью JQuery:

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