Jquery динамически создавать контент

Question

здесь экстракт моего кода

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

это содержание внутри для цикла и динамически добавлять элементы в DIV с идентификатором температуры.

то, что я думаю, что он должен производить это

<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">'); ДИВ создан и закрыт.

и когда вы добавляете $("#temp").append(a[i]); оно добавляется после div

Answer 3

Создание элементов с JQuery должно быть сделано так:

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