jquery - jQuery highlight table row except top one

Question

$('table tr').mouseover(function() {
    $(this).addClass('hovered');
}).mouseout(function() {
    $(this).removeClass('hovered');
});

The following code lets me easily highlight each table row on a mouseover - however, I don't want to highlight the first row.

Any ideas how to achieve this?

Answer 1

尝试这个 -

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

或者你可以使用gt

$('table tr:gt(0)')

Answer 2

$('table tr:gt(0)').mouseover(function() {
    $(this).addClass('hovered');
}).mouseout(function() {
    $(this).removeClass('hovered');
});

如果您不想查找它，:gt()修饰符表示greater thanparans 内的数字是元素的从零开始的索引（来自选择器返回的元素集合，在这种情况下table tr）。反过来，:lt()is less than，:eq()is 等于，:evenand:odd是不言自明的。