用于多个元素的 jQuery 奇数/偶数选择器

Question

我正在使用以下代码对一页上的几个表格进行斑马条纹处理:

    $(".events-table tr:even").css("background-color", "#fff");
$(".events-table tr:odd").css("background-color", "#efefef");

这工作得很好，但偶数/奇数间隔应用于页面上的每个表。我希望每张 table 都有相同的图案。这意味着，对于页面上的每个表格，每个表格的第一行应以相同的颜色开始，然后在第二行以相同的颜色开始。

有什么建议吗？

谢谢!

Answer 1

您可以为表格使用一个选择器，然后找到要着色的行，即:

$(".events-table").each(function()
{
    $(this).find("tr:even").css("background-color", "#fff");
    $(this).find("tr:odd").css("background-color", "#efefef");
});