gpt4 book ai didi

javascript - 如何使用 JavaScript 更改字符串字体颜色

转载 作者:行者123 更新时间:2023-11-30 18:27:23 29 4
gpt4 key购买 nike

编辑:我正在为我的公司创建一个显示我们所有最新项目的仪表板。我是应用程序开发团队的实习生。仪表板显示项目的名称及其最新构建,以及这些构建的状态。

我正在使用一个在 SUCCESS、FAILURE、ERROR 和 UNKNOWN 之间变化的动态字符串。这些字符串使用 td class="status"在 HTML 中显示。状态可以根据项目构建是失败还是成功而改变。 SUCCESS 应该是绿色的,FAILURE 应该是红色的,所有其他的应该是黑色的。我有一个 for 循环创建表。

我正在尝试使用 switch 语句根据使用 javascript 的函数 .fontcolor() 的字符串内容更改字体颜色。该字符串正在从 status.status 中提取

目前一切都在屏幕上正常显示,但字体颜色实际上并没有改变。我也没有收到任何错误。

for (var i in buildstatuses) {
var status = buildstatuses[i];


switch (status.status) {
case "SUCCESS":
status.status.fontcolor("green")
break;
case "FAILURE":
status.status.fontcolor("red")
break;
default:
status.status.fontcolor("black")
break;
}

$("tr#" + status.id + " td.status").html(status.status)

if (status.status != "SUCCESS") {

var row = $("tr#" + status.id)


row.parent().parent().parent().parent().parent().removeClass("dashboard-success").addClass("dashboard-fail");

row.parent().parent().prepend(row.clone()); // Places Failure at the top by cloning then removing
row.remove();

}
$("tr#" + status.id + " td.date").html(status.date)
console.log(status.id);
}

最佳答案

我想你只是想改变内联的 css 颜色:

var statusColor = 'black';
switch (status.status) {
case "SUCCESS":
statusColor = "green";
break;
case "FAILURE":
statusColor = "red";
break;
default:
statusColor = "black";
break;
}

$("tr#" + status.id + " td.status").html(status.status).css('color', statusColor);

关于javascript - 如何使用 JavaScript 更改字符串字体颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10499525/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com