jQuery表行鼠标悬停问题

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