Comment puis-je créer/entrer dynamiquement un élément comme élément de sous-liste d'un autre dans une liste non ordonnée?

Question

Je développe une application qui permet aux utilisateurs de mettre à jour leur statut twitter. Ensuite, il récupère tous les messages (c'est-à-dire les mises à jour) envoyés par ses utilisateurs & les afficher dans des fenêtres diff triées par type de msg. Le code est msg afficher:

echo' <ul id="msg" name="msg">'; 
     foreach ($xml->entry as $status) { 
     echo'<li>'.$status->content.'</li>'; 
} 
echo'</ul>'; 

Et maintenant je dois faire est que tous les nouveaux messages pourraient être inscrits comme éléments sous-liste d'un autre message qui est déjà affiché. Comme si un message «A» est affiché par l'application, l'utilisateur peut entrer un nouveau message «B» comme élément de sa sous-liste. Je dois créer trois niveaux, à savoir, msg parent, sous-niveau-1, & sous-niveau-2

Answer 1

Essayez ceci:
1. donne l'élément parent (la 'ul') un identifiant ou un nom, par exemple '< ul id = "dynamicList" >.
2. créer l'élément que vous souhaitez générer (dans ce cas 'li'): var element1 = document.createElement ('li'); element1.innerHTML = "foobar";
3. Une fois que vous avez terminé de créer les éléments dont vous avez besoin, ajoutez les éléments auxquels ils appartiennent: document.getElementById ('dynamicElement'). AppendChild (element1);

Answer 2

Vous pouvez utiliser la méthode append() de jQuery.

$('#messageA').append(messageB_html); 

Assurez-vous de nommer vos éléments en conséquence.