使用的HTML寫它的jQuery的代碼，而不是

Question

我怎樣寫出來的使用jQuery等12個div的讓每個人都類似於這第一個寫出12divs：

<div class='chart half' > 
<h3 id="g1">graph1</h3> 
<svg id='chart1'></svg> 
</div> 

和12人會看像這樣：

<div class='chart half' > 
    <h3 id="g12">graph12</h3> 
    <svg id='chart12' ></svg> 
    </div> 

我想編寫創建的12個申報單，而不是在HTML代碼編寫出12周單獨的div代碼。該申報單將作爲上述

內出現我已經對這個here

注一開始我也希望能夠寫的圖形職稱的jQuery代碼也。

Answer 1

http://jsfiddle.net/NVyLb/4/

HTML

<div class="container"></div> 

jQuery的

$(document).ready(function() { 
    for (var x = 1; x < 13; x += 1) { 
     $('.container').append('<div class="chart half"><h3 id="g' + x + '">Graph' + x + '</h3><svg id="chart' + x + '"></svg></div>'); 
    } 
}); 

你應該動態地創建許多元素時，使用一個for循環，而這些元素具有相似的類/ ID的/文本。在文檔準備好之後，這個for循環運行，創建12個div。 h3 id在每個循環中都會增加1，以及svg id。此外，h3標題文本得到由1每次遞增，所以說Graph1然後Graph2等等等等

http://jsfiddle.net/NVyLb/4/

HTML

<div class="container"></div> 

jQuery的

$(document).ready(function() { 
    for (var x = 1; x < 13; x += 1) { 
     $('.container').append('<div class="chart half"><h3 id="g' + x + '">Graph' + x + '</h3><svg id="chart' + x + '"></svg></div>'); 
    } 
}); 

您應該使用動態創建多個元素時的for循環，並且這些元素具有相似的類/ id /文本。在文檔準備好之後，這個for循環運行，創建12個div。 h3 id在每個循環中都會增加1，以及svg id。此外，h3標題文本得到由1每次遞增，所以說Graph1然後Graph2等等等等

在每個循環12它追加新div包含的div，h3，svg，進入.containerdiv在頁面上。