jquery - JQuery 中的 CSS 问题

Question

这个问题已经有答案了:

Why does $('#table > tr') selector not match? (always return 0) (3 个回答)

已关闭 2 年前。

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

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 element .

http://jsfiddle.net/m7HTt/

你可以这样做:

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

或者这个:

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