jQuery的動態創建內容

Question

這裏是我的代碼

$("#temp").append('<div class="dynamic">'); 
    $("#temp").append(a[i]); 
    $("#temp").append("</div>"); 

提取這個內容裏面一個for循環和動態添加元素與ID溫度來覈實。

什麼，我想這應該是產生

<div id="temp"> 

..... 
<div class="dynamic"> 
Education //value of a[i] 
</div> 
.... 


</div> 

，但正是它產生它

<div id="temp"> 

    <div class="dynamic"></div> 

    Education 

從螢火蟲證實。正因爲如此，我的CSS風格纔剛剛分手。

你可以看看它嗎？ 謝謝

Answer 1

試試這個循環中，我猜你的問題就解決了......

var data = "<div class='dynamic'>" + a[i] + "</div>"; 
$("#temp").append(data); 

Answer 2

使用

var data = '<div class="dynamic">' + a[i] + '</div>'; 
$("#temp").append(data); 

當您將追加$("#temp").append('<div class="dynamic">');一個div創建和關閉。

，當你追加$("#temp").append(a[i]);它之後div

Answer 3

與jQuery創建附加的元素應該做這樣的：

$('<div />', {'class': 'dynamic', text: a[i]}).appendTo('#temp');