在循環內Javascript增量

for (i = 0; i < arrayData.length; i++) { 
     $(".swipe-wrap").append("<div class=\"final\">Hello!</div>"); 
     console.log('hello'); 
    }

這是我目前擁有的。我的arrayData是改變每個負載的數組。在循環內Javascript增量

我怎樣才能得到它，所以我的班final每個for循環將有一個像這樣的計數器：<div class="final_1">Hello!</div>，<div class="final_2">Hello!</div> ..

來源

2016-01-22 PourMeSomeCode

的HTML是隻是一個字符串，你知道...'$（...）追加（ '

' + i + '

'）;' –

@MarcB猜測一直在我的代碼我的頭太長哈哈。現在你指出這很明顯，很抱歉浪費你的時間。謝謝您的幫助！ – PourMeSomeCode

你爲什麼要枚舉類？我很自信，你試圖用這個問題來解決另一個問題。 – Thomas

for (i = 0; i < arrayData.length; i++) { 
    $(".swipe-wrap").append("<div class=\"final_"+i+"\">Hello!</div>"); 
    console.log('hello'); 
}

來源

2016-01-22 14:05:33 Darth

啊人，應該看到。謝謝您的幫助！ – PourMeSomeCode

內循環，則不應進行DOM操作。始終執行批量操作。

試試這個：

var html = "" 
for (i = 0; i < arrayData.length; i++) { 
    html += '<div class="final_'+i+'">Hello!</div>'; 
    console.log('hello'); 
} 
$(".swipe-wrap").append(html);

您還可以使用Array.forEach。。

var html = "" 
 
var arrayData = ["test1", "test2", "test3", "test4", "test5"]; 
 
console.log(arrayData); 
 
arrayData.forEach(function(item, index) { 
 
    html += '<div class="tile final_' + index + '">Hello ' +item+ '!</div>'; 
 
    console.log('hello'); 
 
}); 
 
$(".swipe-wrap").append(html);

.swipe-wrap { 
 
    background: #eee; 
 
    padding: 10px; 
 
    border: 1px solid gray; 
 
} 
 
.tile { 
 
    width: auto; 
 
    padding: 10px; 
 
    margin: 10px; 
 
    background: #fff; 
 
    border: 1px solid #ddd; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
 
<div class="swipe-wrap"></div>

來源

2016-01-22 14:42:51 Rajesh

在循環內Javascript增量

回答

相關問題