Pour ajouter dynamiquement des nœuds dans jquery

Question

<li> 
<input type="checkbox" name="post_category[]" id="post_category" value="1"> 
parent1(category_names) 
</li> 
<li> 
<input type="checkbox" name="post_category[]" id="post_category" value="2"> 
&nbsp;child1 of parent1 
</li> 
<li> 
<input type="checkbox" name="post_category[]" id="post_category" value="3"> 
&nbsp;child2 of parent1 
</li> 

Les noms de catégorie sont répertoriés dans l'arborescence. La valeur de la case contient id de la catégorie

Question: * Je dois ajouter la catégorie dans cette liste dynamique *

je suis arrivé nom new_category, parent_category_id de l'utilisateur. Je dois ajouter une catégorie au même format que le parent

Answer 1

Pourquoi ne pas quelque chose de simple comme:

var objList = document.getElementById('mylist'); // need to add ID to OL or UL tag 
var objNode = null; 

if (objList != null) { 
    objNode = document.createElement('li'); 
    if (objNode != null) { 
     objNode.innerHTML = '~~~CHECKBOX HTML~~~'; 
     objList.appendChild(objNode); 
    } //if 
} //if 

Answer 2

Le problème est que vous n'avez aucun moyen (à l'exception d'utiliser une expression rationnelle pour analyser le texte) pour déterminer quel élément est un parent et lequel est un enfant . Je suggère d'ajouter une classe parent et child, et en utilisant l'imbrication de sorte que child s apparaissent sous le parent. Sinon, vous devrez analyser chaque li pour trouver le dernier enfant après le parent que vous voulez, mais avant le parent suivant.