Question

我正在使用它：

jQuery("tr:odd").css("background-color", "#f5f5f5");
jQuery("tr:even").css("background-color", "#ececec");

只需在交替的表行中添加背景颜色即可。问题是如果同一页面中有多个表，它只是不断迭代每个表而不是为每个表重置并开始新表。我的th背景颜色与我的偶数行颜色相同所以最终它会赶上我的th和tr颜色相同，所以它看起来像一个大行。

如何使用这两行jquery，但是如果有多个表，则让它重新开始页面上的每个表？

Answer 1

首先选择表格，然后找到子行：

jQuery("table").find("tr:odd").css("background-color","#f5f5f5");

Vega's answer使用相同的方法，但字符更少。

Answer 2

尝试在下面的上下文中使用table，

jQuery("tr:odd", 'table').css("background-color", "#f5f5f5");
jQuery("tr:even", 'table').css("background-color", "#ececec");

Answer 3

jQuery("table tr:nth-child(odd)").css("background-color", "red");
jQuery("table tr:nth-child(even)").css("background-color", "yellow");