JQuery 中的 CSS 问题

Question

我尝试使用以下代码将颜色应用于表格的行。它不起作用，但我不明白为什么。有人可以解释原因或指出我正确的方向吗？

HTML：

<table id="tblSample" border="1" cellpadding="0" cellspacing="0" width="300px">
    <tr>
        <td>1</td>
        <td>1</td>
    </tr>
    <tr>
        <td>2</td>
        <td>2</td>
    </tr>
</table>

JQuery：

$("#tblSample > tr").css("background-color", "gray");

Answer 1

您错过了难以捉摸的 tbody元素。

http://jsfiddle.net/m7HTt/

你可以这样做：

$("#tblSample > tbody > tr").css("background-color", "gray");

或者这样：

$("#tblSample tr").css("background-color", "gray");

Answer 2

如果您想要交替行颜色，您也可以做这样简单的事情。

$("#tblSample tr:even").css("background-color", "gray");

Answer 3

尝试一下

$("#tblSample  tr").css("background-color", "gray");

或者

$("#tblSample tr td").css("background-color", "gray");