JQuery中的CSS问题

Question

可能重复:
为什么$('#table> tr')选择器不匹配？(总是返回0)

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

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");