pas en mesure d'ajouter un élément de liste entre une liste à l'aide jquery

Question

Je vais avoir une liste ordonnée ayant la structure

<ol> 
     <li> 
     </li> 
     <li> 
     </li> 
     <li> 
     <ol> 
       <li> 
       Test 
       </li> 
       <li> 
       another test 
       </li> 
       <li> 
        <a href='#'>Add </a> 
       </li> 
     </ol> 
     </li> 

</ol> 

Je veux ajouter un élément de liste entre sublist 2 et 3 en utilisant jquery

je le code: -

$("ol#update li ol li:eq(1)").append("<li> test </li>"); 

Mais à l'intérieur du li ajoute "un autre test" et non après le 2 li

Voici le example page

On-cliquez sur "sous-commentaire" ajoute une li à l'intérieur li 2
En cliquant sur "commentaire" montre la structure de la sous lis

S'il vous plaît aider

Merci

Pradyut

Answer 1

utilisation after au lieu de append

Answer 2

Je ne suis pas grand en jquery ... mais en utilisant des fonctions javascript normales (aussi bien) que vous pouvez faire:

var item = $("ol#update li ol li:eq(1)"); 
var thingToAppend = document.createElement('li'); 
thingToAppend.innerHTML = ' test '; 
item.parentNode.insertBefore(item, thingToAppend); 
// or 
item.parentNode.appendChild(thingToAppend); 
// or apparently.... with jQuery something like: 
item.after(thingToAppend);