如何使用jquery更改表格单元格背景色

您所在的位置：网站首页 › jquery如何设置背景颜色 › 如何使用jquery更改表格单元格背景色

如何使用jquery更改表格单元格背景色

2024-07-10 00:21| 来源: 网络整理| 查看: 265

更新以下问题澄清：

演示Fiddle

若要根据另一个单元格的值更改一个单元格的背景色，可以使用以下命令：

代码语言：javascript复制$('table tr td:nth-child(4)').each(function () { $(this).text() == 'Exceeds' && $(this).parent().find('td:nth-child(2)').css('background-color', 'green'); });

若要更改特定列的背景，请执行以下操作：

代码语言：javascript复制$('table tr td:nth-child(2)').css('background-color', 'red');

但是，您应该尝试通过使用CSS来维护样式的分离，在这种情况下，您可以通过以下方法实现这一点：

代码语言：javascript复制table tr td:nth-child(2){ /* styles*/ }

Or..if您特别需要动态控件，而不是直接在jQuery中分配样式，而是添加一个类：

代码语言：javascript复制$('table tr td:nth-child(2)').addClass('rowBackground');

然后在CSS中：

代码语言：javascript复制.rowBackground{ background-color:red; }

【本文地址】

如何使用jquery更改表格单元格背景色

如何使用jquery更改表格单元格背景色

今日新闻

推荐新闻