0

次のコードを使用して、テーブルの行と列を交互に表示しようとしています。

<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 などを使用して可能ですか?

4

2 に答える 2

2

基本的に、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>

ここでフィドル

于 2013-04-12T19:11:24.503 に答える
1

背景色を指定する必要があります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/

于 2013-04-12T19:12:35.527 に答える