为div jQuery中的所有内部td设置背景颜色

Question

我需要为div中的所有内部td设置背景颜色。

我被使用了：

$('#'+div_id).find('table').find('tbody').find('tr').find('td').css('background-color','color');

但这不适合我。

Answer 1

您需要指定颜色。

'color'不是有效颜色，因此将其更改为变量或颜色：

var div_id = 'div'
var color = 'red'

$('#' + div_id).find('table').find('tbody').find('tr').find('td').css('background-color', color);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='div'>
    <table style="width:100%">
        <tr>
            <td>Jill</td>
            <td>Smith</td>
            <td>50</td>
        </tr>
    </table>
</div>

Answer 2

试试这个：

$('#'+div_id + 'table tr td').css('background-color','blue');

另外，检查它是否未被其他CSS样式覆盖

Answer 3

应该是：

$('#'+div_id).find('td').css({'background-color':'Red'});