jQuery Table Row 鼠标悬停问题

Question

我有以下代码：

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

以上方法可以确保表格的第一行从“mouseover”和“mouseout”函数中排除。

但是，问题是我在页面上有多个表格，而第一个表格行被忽略，其余的则没有。

我不确定如何调整上述内容以考虑多个表 - 有可能吗？

Answer 1

使用

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

演示：Fiddle