javascript - 在 JavaScript 中使用条件
问题描述
我有这个无限滚动代码,它工作得很好。
我试图在我的代码中使用 if-else 条件,但由于某些语法(我认为)错误,它没有回显。
我的代码如下:
function addrows(rows) {
let postList = $("#post-list");
$.each(rows, function (i, row) {
var img = row.image;
let rowHtml = `
<div class="mt-3">
`+if (img == null){ +`
<a href="post?id=`+row.id+`" style="color:black;">
<p style="font-size: 30px;padding: 15px 30px 15px 30px;">`+row.title+`</p>
</a>
`+} else { +`
<a href="post">
<img src="images-main/images/`+row.image+`" alt="post-image" class="img-fluid rounded w-100">
</a>
`+}+`
</div>
`;
postList.append(rowHtml);
});
}
请注意,如果我要删除那些 if-else 条件,则整个无限滚动代码都可以正常工作。
任何帮助是极大的赞赏。
解决方案
您不能将 if else 与字符串连接,它在 javascript 中是无效语法,您可以使用三元条件运算符或使用 if else 这样
let postList = $("#post-list");
$.each(rows, function (i, row) {
var img = row.image;
let rowHtml = `<div class="mt-3">`;
if (img == null) {
rowHtml += `<a href="post?id=` + row.id + `" style="color:black;">
<p style="font-size: 30px;padding: 15px 30px 15px 30px;">`+ row.title + `</p>
</a>`;
}
else {
rowHtml += `<a href = "post" >
<img src="images-main/images/`+ row.image + `" alt = "post-image" class="img-fluid rounded w-100" >
</a>`;
}
rowHtml += '< /div>';
postList.append(rowHtml);
});
}
推荐阅读
- batch-file - 批处理文件:将变量设置为函数调用的返回值
- c++ - 虚拟继承时的C ++构造函数顺序
- bash - ImageMagick - 透明背景上的 Alpha 蒙版
- javascript - 将通用 XHR 响应解析为 JSON 对象
- angular - Protractor Cucumber 有没有办法只重新运行失败的浏览器测试?
- python - 在分析常规日历中的每日时间序列时,用于填补财务数据中周末和节假日空白的 Python 代码
- r - 如何使用 dplyr 0.8.1 打印应用于所有列的函数内的列名
- javascript - 打字稿中的双面字典
- node.js - 无法完全卸载 node@8 并重新安装最新节点
- excel - WorksheetFunction.countif 标准不起作用