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

【问题标题】：Set background color for all inner td inside div jQuery为div jQuery中的所有内部td设置背景颜色
【发布时间】：2018-07-23 21:54:06
【问题描述】：

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

我被利用了：

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

但这对我不起作用。

【问题讨论】：

也可以将$('#'+div_id).find('table').find('tbody').find('tr').find('td')替换为$('#'+div_id+' table tbody tr td')
你知道，.find() 可以找到任何个后代，而不仅仅是直接的。
似乎正在工作。 jsfiddle.net/wdbat3kn
是color 你的变量？所以你应该这样做：$('#'+div_id).find('table').find('tbody').find('tr').find('td').css('background-color',color); 变量周围没有引号。

标签： javascript jquery css html-table

【解决方案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>

【讨论】：

我将颜色名称指定为另一个值。但对我不起作用。
@Thirupathi 您说的是'color'（字符串），但您需要'red'（字符串中的有效颜色）或颜色变量。请参阅我的编辑。您需要去掉引号并使用 color 变量

【解决方案2】：

试试这个：

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

另外，检查它是否没有被其他css样式覆盖

【讨论】：

你甚至可以将其缩减为$('#'+div_id+' td')，但这并不能解决'color'字符串的问题。
也许，它被其他 css 样式覆盖了
可能，但是您的答案将background-color 设置为颜色'color'，这不是有效的CSS 颜色。最初的问题可能假设在某处设置了var color。
我知道，我只是不想指定颜色的名称！

【解决方案3】：

应该是：

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

【讨论】：