動態Div創建問題

Question

我遇到問題使用jQuery創建一個新的<div>標記。

我的要求是：

1. 創建div標籤和它的ID動態
2. 提供的<div> & </div>之間的內容動態

下面

是代碼片段我想

for (var i in List){ 
$('#count').append('<div id="content_'+i+'">') 
.append(List[i]).append('</div>').append('<br />'); 
} 

這裏列出對象以鍵值對

輸出 -

<div id="count" align="left"> 
<div id="content_4504"></div>Steve <br> 
<div id="content_2024"></div>Richard <br> 
</div> 

什麼，我需要顯示的標籤中的名稱。

Answer 1

另一種方法是動態生成HTML，嘗試這樣的事情，而不是：

for (var i in List){ 
$('#count').append('<div id="content_' + i + '">' + List[i] + '</div><br/>') 
} 

Answer 2

這是因爲，要附加字符串到#count元素不是您創建和附加它的元素：

for (var i in List){ 
    $('<div id="content_'+i+'">') 
       .text(List[i]) 
       .appendTo('#count') 
       .after('<br/>'); 
} 

Answer 3

試試這個

for (var i in List){ 
    var divContent=$('<div />').attr({id:"content_"+i}).html(List[i]); 
    $('#count').append(divContent,'<br>'); 
    ; 
} 

Answer 4

for (var i in List) 
{ 
    var $dyn = $("<div></div>").attr({'id':'content_'+i}).text(List[i]); 
    $('#count').append($dyn).append('<br>'); 
} 

這應該這樣做。