使用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);