如何包裝在一個div循環？

我一直停留在這個愚蠢的事情，我無法弄清楚如何總結我的div中循環。如何包裝在一個div循環？

for (item = 0; item < event.length; item++) { 
     var ID = event[item].id; 
     element.find(".title").after("<span class='id'><img src='/avatar/" +ID+ "'/></span>"); 
     }

我想實現這一目標：

<div> 
<span></span> 
<span></span> 
<span></span> 
</div>

任何幫助很大apprciated。

來源

2017-05-09 DN0300

'事件中的內容。[項目]。 id'應該是'event [item] .id'。但無論如何，你說的格已經存在的頁面上，並要追加使用循環跨度呢？ – nnnnnn

這是一個錯字，謝謝指點出來。跨度存在我想將它們包裝在一個div – DN0300

希望這個片段將是有益的

// a variable for the dynamically created span 
var spanString = ""; 
for (item = 0; item < event.length; item++) { 
    var ID = event[item].id; 
    // new string will con cat wit the spanString 
    spanString += ("<span class='id'><img src='/avatar/" + ID + "'/></span>"); 
} 

// append the spanString to the `div.title` 
$(".title").append($(spanString))

來源

2017-05-09 04:16:56 brk

打我吧:-) 我只是想指出的是，你必須要小心，ID是正確的HTML轉義，以避免注入攻擊 – AnilRedshift

你應該紀念這個答案是正確的如果它回答你的問題。 – Yanaro

$(document).ready(function() { 
//Assume sample event array 
var event = [1, 2, 3]; 
for (item = 0; item < event.length; item++) { 
    var ID = event[item]; 
    $("<span class='id'><img src='/avatar/" +ID+ "'/></span<br>").appendTo('#name'); 
    }; 
});

考慮樣本HTML下面

<div id="name"> 
    hello 
</div>

這種方式可以填充DIV

來源

2017-05-09 04:46:47 HarshMakadia

如何包裝在一個div循環？

回答

相關問題