使用JavaScript的HTML循环

Question

我是在html循环上使用JavaScript的新手。 我下面正在工作的这段代码。 在我的这个问题中，我有2主回路和一个卡身回路。 正如您在代码中看到的那样，首先，我需要循环主体以创建card ，然后由于数据内容，在主体处还需要对其进行循环。 我在下面也有工作代码，但是如您所见，在卡体上它不再循环，而是我输入的静态数据。

问题

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 (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);
            }

我的语法错误吗？ 请帮忙。 谢谢

Answer 1

您可以将for (var a = 0; a < 2; a++) { "a" }替换为"a".repeat(2) 。

更多关于repeat()信息

Answer 2

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

我建议在变量中建立字符串。 这是您如何实现此目标的简化版本。

var card = '<div class="card">';
for (var a = 0; a < 2; a++) { 
    card += "a";
}
card += '</div>';
$("#card_documents > .card-body").append(card);