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>

fiddle here

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/

使用jQuery替换表行和列颜色

2 个答案: