JS拼接html无法显示

Question

字符串拼接出了问题，按F12出现如下

var fpsxArray =  JSON.parse(fpsxArrayStr);//转换为json对象
          var i;
        
          var html="<table >";
          for(i=0;i<fpsxArray.length;i++){
              html+="<tr>"+
                  ""+
                  "</tr>";
          }        
          html+="</table>";
          $("#test").append(html);

前台的代码

var fpsxArray =  JSON.parse(fpsxArrayStr);//转换为json对象
          var i;
        
          var html="<table >";
          for(i=0;i<fpsxArray.length;i++){
              html+="<tr>"+
                  "<c:if test='"+${fpsxArray[i] == pd.project[i]}+"'>"+
                 "<input name='checkboxfpsx_"+fpsxArray[i].PPID+"' id='checkboxfpsx_"+fpsxArray[i].PPID+"' value='"+fpsxArray[i].PROJECT+"'  checked='checked' type='checkbox'/> <span class='lbl'>"+fpsxArray[i].PROJECT+
                 "</c:if>"+
                  "</tr>";
          }        
          html+="</table>";
          $("#test").append(html);

      请问各位大神，我是哪里拼错了？

Answer 1

不知道是不是我看错了 没看到td

Answer 2

table 标签必须合理嵌套 不然解析会出现问题

Answer 3

是我看错了么，你用js循环拼接jsp标签~

Answer 4

html+="<tr>"+
(fpsxArray[i] == pd.project[i] ? 
    "<input name='checkboxfpsx_"+fpsxArray[i].PPID+"' id='checkboxfpsx_"+fpsxArray[i].PPID+"' value='"+fpsxArray[i].PROJECT+"'  checked='checked' type='checkbox'/> <span class='lbl'>"+fpsxArray[i].PROJECT+ "</span>"
: "") +
  "</tr>";