jquery - 无法使用 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');

演示

根据@Matt Huggins 的评论，您也可以执行以下操作：（但不是必需的）

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

演示