使用jquery为多表中的第一行着色

我正在使用以下css代码：

.even{
    background: #E4ECF6;
}
.odd{
    background: #F3F7FB;
}
.firstrow{
    background-color: #599ECF;
}

我正在使用以下css jquery代码：

$(document).ready(function(){
$('table tr:even').addClass('even');
$('table tr:odd').addClass('odd');
$('table tr:first').addClass('firstrow');
});

此代码在第一个表中正确运行。但当我有两个或更高的表时，这个代码可以为第一个表的第一行着色。为所有表中的所有第一行着色的代码是否更好？

尝试替换

$('table tr:first').addClass('firstrow');

与

关键是使用选择器，它

选择作为其父元素的第一个子元素的所有元素

现场演示

---

如果您仍要选择选择器，可以按如下方式操作：

$(document).ready(function () {
  $('table tr:even').addClass('even');
  $('table tr:odd').addClass('odd');
  $('table').each(function () {  // For each 'table'...
    $(this).find('tr:first').addClass('firstrow');  // Add class 'firstrow' to the first 'tr'.
  });
});

现场演示。

尝试更换

$('table tr:first').addClass('firstrow');

与

关键是使用选择器，它

选择作为其父元素的第一个子元素的所有元素

现场演示

---

如果您仍要选择选择器，可以按如下方式操作：

$(document).ready(function () {
  $('table tr:even').addClass('even');
  $('table tr:odd').addClass('odd');
  $('table').each(function () {  // For each 'table'...
    $(this).find('tr:first').addClass('firstrow');  // Add class 'firstrow' to the first 'tr'.
  });
});

---

实时演示。

可能重复多表的ask第一行，但我需要所有表的第一行。结果表明，这是的重复。可能重复多表的ask第一行，但我需要所有表的第一行。结果表明，这是的重复。