个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
如果它处于“失败”状态，我正在尝试将我的表格数据设置为红色背景色。我很难设置这种内联样式。起初我尝试在 createTableData 函数的第二个 td 中使用三元运算符，但无法使其工作。现在我正试图将它分解成自己的功能，但也没有用。
寻求有关设置表格数据背景颜色的帮助。
HTML
<body>
<div class="container-fluid">
<div class="jumbotron">
<h1 class="text-center mb-3">
Active Directory Replication Health
</h1>
</div>
<div id="table"></div>
</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/script.js"></script>
脚本
var data = [
{
"DC": "SV07CTDC1",
"Connectivity": "Passed",
"Advertising": "Failed"
},
{
"DC": "SVGCCTDC1",
"Connectivity": "Passed",
"Advertising": "Failed"
}
];
function checkStatus(status) {
status === "Failed" ? "background-color: red" : "background-color: blue"
}
function createTableData(dc ){
var html = ''
for( key in dc )
html += `
<tr>
<td> ${key} </td>
<td style=${checkStatus(dc[key])} > ${dc[key]} </td>
</tr>
`
return html
}
function createTable(dc) {
return `
<div class="col-md-3 col-sm-6 ">
<table class="table table-dark table-striped table-bordered table-hover">
${createTableData(dc)}
</table>
</div>
`
}
document.getElementById("table").innerHTML = `
<div class="row">
${data.map(createTable).join("")}
</div>
`
最佳答案
checkStatus 方法中唯一缺少的是返回条件结果；
function checkStatus(status) {
return status === "Failed" ? "background-color: red" : "background-color: blue"
}
已更新 codepen
关于javascript - 模板文字 HTML TABLE 中的三元运算符，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52412185/
25
4
0
我想知道javascript中if的简码是什么？ 就像在 PHP 中一样: $res = ($x > $y)? $x: $y; 它在 JavaScript 中的转换是什么？ 最佳答案 在 javasc
请问为什么下面的代码会报错？ 错误: numberOne > numberTwo ? return "true" : return "false"; ^
在我的代码中，我检查系统函数是否等于零，如果是我返回另一个值，如果不是，我返回测试值。 (class.verylongfunc(arg, arg) == 0) ? othervar : cla
在 PHP 中，有没有一种方法可以使用三元条件连接两个字符串？ 当我尝试这样做时，我得到的只是 else 而不是所需的 something else。 最佳答案 像这样把整个三元运算符放在方括号中:
似乎在三元运算符中存在某种类型混淆。我知道这已在其他 SO 线程中得到解决，但它始终与可空值有关。另外，就我而言，我真的只是在寻找更好的方法。 我希望能够使用 proc.Parameters[PARA
有没有办法在不进行赋值或伪造赋值的情况下进行 java 三元运算？ 我喜欢在执行一堆 if/then/else 时的简洁三元代码。 我希望能够基于 boolean 代数语句调用两个 void 函数之一
我正在使用 XSLT 和 XML 来生成输出文档。 我在数据中拥有的(以我无法控制的 XML 形式)如下: 4 我需要在计算中使用这些。我看到为这些提供默认值需要对文档执行转换以提供一个有点冗长的
这个问题已经有答案了: Ternary operators in JavaScript without an "else" (13 个回答) 已关闭 4 年前。 我一直使用这样的三元表达式，但我不喜欢
我在 VB.NET 中发现了一个可以轻松重现的简单错误: Dim pDate As Date? Dim pString As String = "" ' works fine as expected
所以，我有这段代码，它实际上有效: (散列将是这样的对象:{"bob"=> "12, "Roger"=> "15", etc}，并且 isGood(key) 是调用函数 isGood ，如果玩家好或坏
是否有以下 JavaScript bool 三元表达式的简写语法: var foo = (expression) ? true : false 最佳答案 当然，您只想将表达式转换为 bool 值: v
在 Java 中，如果我在常规 if 中使用三元 if 运算符，例如: if ((x > y - z) ? true : callLongWaitedMethod(many, parameteres)
关闭。这个问题是opinion-based .它目前不接受答案。 想要改进这个问题？ 更新问题，以便 editing this post 可以用事实和引用来回答它. 关闭 7 年前。 Improve
var test = "Hello World!"; 在 Java 10+ 中，上面的代码片段可以编译，test 在编译时被推断为 String。 但是，我们可以使用条件(三元)运算符来返回不同的类型
嗨，我尝试在渲染内部使用三元条件，但遇到一些错误，这是我的代码: render() { return ( (this.emai
这里我有以下 JavaScript 代码，带有两个值。 var w = $("#id1").val(); var h = $("#id2").val(); (w == h) ? (w=350 , h
我一直想知道如何用 C++ 兼容语言编写 "A ? B : C" 语法。 我认为它的工作方式类似于:(伪代码) If A > B C = A Else C = B 有没有经验丰富的 C++
考虑两个 vector ，A 和 B，大小为 n，7 <= n <= 23 . A 和B 都只包含-1、0 和1。 我需要一个计算A 和B 内积的快速算法。 到目前为止，我一直在考虑使用以下编码将
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
如果您一开始就讨厌三元条件运算符，则无需回复 ;) 我经常看到它与赋值表达式一起使用，例如: var foo = (some_condition) ? then_code : else_code; 但
我是一名优秀的程序员,十分优秀！