无法使用JQuery设置“TD”的背景颜色

Question

我有一张

下的表格

<table >
        <tr>
            <th scope="col">EmpId</th><th scope="col">EmpName</th>
        </tr>
        <tr>
            <td>1</td><td>ABC</td>
        </tr>
        <tr>
            <td>2</td><td>DEF</td>
        </tr>
</table>

我想设置表格的“td”元素的背景颜色，而不是“th”。我试过

$("table").children("td").css('background-color', '#00ff00');

OR



$("table").children("tr").children("td").css('background-color', '#00ff00');

但没有结果。

请帮助我正在做的错误？

由于

Answer 1

您可以尝试以下内容：

$("table tr").find("td").css('background-color', '#00ff00');

或

$("table td").css('background-color', '#00ff00');

<强> DEMO

根据@Matt Huggins的评论，你也可以这样做:(但不是必要的）

$("table tbody td").css('background-color', '#00ff00');

<强> DEMO