Jquery créer dynamiquement un contenu

Question

est ici l'extrait de mon code

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

ce contenu est à l'intérieur d'une boucle et ajouter dynamiquement des éléments à div id temp.

ce que je pense qu'il devrait produire est

<div id="temp"> 

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


</div> 

mais exactement ce qu'il produit, il

<div id="temp"> 

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

    Education 

comme le confirme de Firebug. A cause de cela, mon style CSS se décompose juste.

Pouvez-vous regarder à ce sujet? Merci

Answer 1

essayer cela en boucle, je suppose que votre problème est résolu ...

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

Answer 2

Utilisez

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

que lorsque vous ajoutez un div $("#temp").append('<div class="dynamic">'); est créé et fermé.

et quand vous ajoutez $("#temp").append(a[i]); il est ajouté après div

Answer 3

Création d'éléments avec jQuery doit se faire comme ceci:

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