在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);            

        });
    }

函数addrows（行）{
让postList=$（“#post list”）；
$.each（行，函数（i，行）{
var img=row.image；
让rowHtml=`
`+如果（img==null）{+`
`+}否则{+`
`+}+`
`;
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);
  });
}

let postList=$（“#post list”）；
$.each（行，函数（i，行）{
var img=row.image；
让rowHtml=`；
如果（img==null）{
rowHtml+=`；
}
否则{
rowHtml+=`；
}
rowHtml+='