如何使用 angularjs 或 jQuery 更改 HTML 表格中的文本颜色？

Posted 2023-05-09

【中文标题】如何使用 angularjs 或 jQuery 更改 HTML 表格中的文本颜色？

【英文标题】：How to change text color in HTML table with angularjs or jQuery?

【发布时间】：2018-09-10 08:56:01

【问题描述】：

我有桌子： 订单id,状态

状态值：（关闭、取消） 从 maria-db 获取值。

我想在 html 页面（表格）中看到这个结果。

关闭：颜色 -- 红色 已取消：颜色 -- 绿色

这是我的 td：

<td>data.orderid</td>
<td>data.status</td>

我使用 angularjs，（用于连接的 php）。

我试过了：

$('.status:contains("closed")').css('color', 'red'); 
$('.status:contains("canceled")').css('color', 'green');

【问题讨论】：

酷。你是如何努力实现你的目标的？ （我们不是来为您编写代码；我们是来帮助您编写您的代码。请拨打tour并阅读How to Ask。）

对不起，我试试这个代码，但对我不起作用：

$('.status:contains("close")').css('color', 'red'); $('.status:contains("canceled")').css('color', 'green');

请同时显示您的相关 HTML。你问的是 jQuery 还是 Angular？加载了哪些库？

我觉得 Angular 更好

【参考方案1】：

你可以用角度表达这个

制作两个样式，名称分别为greenStyle和redStyle

.greenStyle 颜色：绿色；

.redStyle 红色;

在你的表中添加。

<td>data.orderid</td>
<td class="data.status=='closed'?'redStyle':'greenStyle'">data.status</td>