jquery - 带有数组的 es6/template-literals 中的 if else 语句
问题描述
我有一个 es6 语句(反引号),我希望做 if else 检查条件。我试图在循环之外执行 if else 但它不起作用。
$(document).ready(function() {
RECORDS_type3.forEach((record, index) => {
$('#predictionHistory table tbody').append(`<tr class="br-record-row type3">
<td><div>${record.predictionTeamOne} <br>VS<br> ${record.predictionTeamTwo}</div></td>
<td>${record.date}</td>
<td><div class="bet-brand">${record.betTeam}</div> <span>${record.productCat}</span><div class="betStatus-${record.betStatusType}">${record.betResult}</div></td>
/* i want do if else statement to show different div
if((record.matchCountDown)>0){
<td class="wh-countdown">${record.matchCountDown}</td>
}
else{
<td class="wh-${record.inOut}">${record.amount}</td>
}*/ this part
</tr>`);
});
});
我正在使用数组
var RECORDS_type3 = [{
predictionTeamOne: 'England',
predictionTeamTwo: 'Austria',
date: '13 June 2021 9:00PM',
countdown:"03:00:00"
..etc
},
所以我想检查什么时候 countdown="00:00:00" 然后我会执行 if else 语句
解决方案
您可以连接使用模板文字制作的一些 HTML 字符串块。
RECORDS_type3.forEach((record, index) => {
let htmlToAppend = `<tr class="br-record-row type3">
<td><div>${record.predictionTeamOne} <br>VS<br> ${record.predictionTeamTwo}</div></td>
<td>${record.date}</td>
<td><div class="bet-brand">${record.betTeam}</div> <span>${record.productCat}</span><div class="betStatus-${record.betStatusType}">${record.betResult}</div></td>`;
/* Your condition here */
if((record.matchCountDown)>0){
htmlToAppend += `<td class="wh-countdown">${record.matchCountDown}</td>`;
}
else{
htmlToAppend += `<td class="wh-${record.inOut}">${record.amount}</td>`
}
htmlToAppend += `</tr>`;
$('#predictionHistory table tbody').append(htmlToAppend);
});
推荐阅读
- swift - 使用 AudioConverter 更改采样率
- c# - 在 C# 和 ASP.NET MVC razor 视图中使用数据库中的值填充 css 属性
- java - JVM 运行时动态类生成
- spring - Spring Boot 无法解析 aws 参数存储变量
- html - 使用 html5 在 safari 上渲染 SVG 时出现问题
- python - NumPy 中的包容性索引提供了与使用单个索引不同的维度
- groovy - 在运行时实例化接口的 Groovy 方法?
- maven - Jenkins Artifactory 插件:artifactDeploymentPatterns.addInclude 等效于声明性管道
- c# - 我的 ListView 两次显示相同的项目。我如何解决它?
- machine-learning - Minimax 算法,机器学习还是深度学习?