JQuery выделить строку таблицы, но за исключением некоторых строк

Question

У меня есть следующий код:

$('table tr:not(:first-child)').mouseover(function() { 
    $(this).removeClass('hovered_error'); 
    $(this).addClass('hovered'); 
}).mouseout(function() { 
    $(this).removeClass('hovered'); 
}); 

Это прекрасно работает - однако, есть способ, которым я могу не выделить определенные строки таблицы, например, строки 11 и 21, или если строка таблицы имеет значение name или class?

EDIT: Правильный код следующим образом:

$('table tr:not(:first-child,[name=header])').mouseover(function() { 
    $(this).removeClass('hovered_error'); 
    $(this).addClass('hovered'); 
}).mouseout(function() { 
    $(this).removeClass('hovered'); 
}); 

Answer 1

Как уже упоминалось в комментарии вы можете добавить classes или атрибут фильтров :not

$('table tr:not(:first-child, [name=header], #id, .class)') 

Answer 2

Вы могли бы использовать что-то вдоль этих линий для определенных номеров строк;

$('table tr:not(:first-child)').mouseover(function() { 
    var hovered = $(this); 
    if (hovered.index() != 11 && hovered.index() != 21) { 
     hovered.removeClass('hovered_error'); 
     hovered.addClass('hovered'); 
    } 
}).mouseout(function() { 
    hovered.removeClass('hovered'); 
}); 

Проверьте на index() элемента. Вам может потребоваться настроить индекс +1 или 2, если вы хотите пропустить первую строку.

Answer 3

Если вы хотите только добавить поведение Hover CSS в таблицу строк, то вы можете сделать это с помощью CSS только

table tr { 
     background-color: azure; 
    } 
    table tr:hover { 
     background-color: beige; 
    }