не в состоянии добавить элемент списка между списком с помощью JQuery

Question

я м, имеющего упорядоченный список, имеющей структуру

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

</ol> 

Я хочу, чтобы добавить элемент списка между подсписком 2 и 3 с помощью JQuery

Я код: -

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

Но это присоединяет внутри литий «другого теста», а не после 2 литий

Вот example page

на щелчок «суб-комментарий» добавляет Ли внутри литий 2
При нажатии на «комментарий» показывает структуру суб Лис

Пожалуйста, помогите

Благодарности

Pradyut

Answer 1

Использование after вместо append

Answer 2

Я не большой в JQuery ... но используя обычные JavaScript функции (а) вы можете сделать:

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);