使用javascript的html循环

使用javascript的html循环,javascript,Javascript,我对在html循环中使用JavaScript是个新手。我在下面有我正在工作的代码。在我的这个问题中,我有2循环主循环和卡体循环。正如您在代码中所看到的,首先我需要循环main以创建卡,然后在body处,由于数据内容的原因,我还需要循环它。我也有下面的工作代码,但正如你在卡体看到的,它不再循环,而是我输入的静态数据 问题 for (var i = 0; i < dataLength; i++) { var docsLength = data.data[i].resultD

我对在html循环中使用JavaScript是个新手。我在下面有我正在工作的代码。在我的这个问题中,我有
2
循环主循环和卡体循环。正如您在代码中所看到的,首先我需要循环main以创建
卡,然后在body处,由于数据内容的原因,我还需要循环它。我也有下面的工作代码,但正如你在卡体看到的,它不再循环,而是我输入的静态数据

问题

for (var i = 0; i < dataLength; i++) {
          var docsLength = data.data[i].resultData;
          var title = data.data[i].resultData[i].Type.Description;
          var card = '<div class="card"> <div class="card-header bg-success"><h3 class="card-title">' + title + ' </h3 ></div> <div class="card-body">'; for (var a = 0; a < 2; a++) { "a" } ' </div>' +
                '</div >';
           $("#card_documents > .card-body").append(card);
      }
for(变量i=0;i.card body”)。追加(卡片);
}
工作

 for (var i = 0; i < dataLength; i++) {
                var docsLength = data.data[i].resultData;
                var title = data.data[i].resultData[i].Type.Description;
                var card = '<div class="card"> <div class="card-header bg-success"><h3 class="card-title">' + title + ' </h3 ></div> <div class="card-body">' +
                    "asdasdasdasd" +
                    '</div > ' +
                    '</div >';
                $("#card_documents > .card-body").append(card);
            }
for(变量i=0;i.card body”)。追加(卡片);
}

我的语法错了吗?。请帮忙。谢谢

是的,您的语法错误。特别是您尝试使用for循环的方式

我建议在变量中建立字符串。 下面是一个精简版,介绍了如何实现这一目标

var card = '<div class="card">';
for (var a = 0; a < 2; a++) { 
    card += "a";
}
card += '</div>';
$("#card_documents > .card-body").append(card);
var卡=”;
对于(var a=0;a<2;a++){
卡+=“a”;
}
卡片+='';
$(“#卡片_文档>.card body”)。追加(卡片);
您可以将(var a=0;a<2;a++){“a”}
替换为
“a”。重复(2)


谢谢你的提示。我从一开始就做错了。我只需要先附加卡,然后再次循环卡体。