jquery - 使用 jQuery 替换表格行和列颜色

Question

我正在尝试使用以下代码来交替表的行和列。

<script>
  $(document).ready(function()
  {
    $("table#id2 td:even").css("background-color", "LightGray");
    $("table#id2 tr:even").css("background-color", "LightBlue");
    $("table#id2 tr:odd").css("background-color", "LightYellow");
  });
</script>

当我使用它时，我的 2 列表看起来像这样：

Gray Blue
Gray Yellow
Gray Blue
Gray Yellow

我希望我的桌子看起来像这样：

Gray Blue
Yellow Yellow
Gray Blue
Yellow Yellow

这可以使用 td:even、tr:odd 等吗？

Answer 1

基本上，仅对odd行应用颜色尝试： 

<script>
  $(document).ready(function()
  {
    $("table#id2 td:even").css("background-color", "LightGray");
    $("table#id2 tr:even").css("background-color", "LightBlue");
    $("table#id2 tr:odd td").css("background-color", "LightYellow");
  });
</script>

在这里摆弄

Answer 2

您必须指定背景颜色tr:odd td

$("table#id2 td:even").css("background-color", "LightGray");
$("table#id2 tr:even").css("background-color", "LightBlue");
$("table#id2 tr:odd td").css("background-color", "LightYellow");

这是一个显示解决方案的小提琴：http: //jsfiddle.net/mEFWm/