JQuery вставить уль между элементами

Question

I имеют следующую структуру:

<ul> 
    <li id="first">Fist Item</li> 
    <li id="second">Second Item</li> 
    <li id="third">Third Item</li> 
    .................. 
    </ul> 

Мне нужно вставить уль элемента вокруг второго элемента, который выглядит следующим образом:

<ul> 
    <li id="first">Fist Item</li> 
    <ul id="active"> 
    <li id="second">Second Item</li> 
    </ul> 
    <li id="third">Third Item</li> 
    .................. 
    </ul> 

Answer 1

Вы можете использовать .wrap() функцию JQuery в ,

$("#second").wrap("<div id='active'></div>"); 

---

P.S - Как и другие пользователи уже писали на комментарии, вы должны, вероятно, работать с классами вместо добавления оберточную элемента. Таким образом, следующий код:

$("#second").addClass("active"); 

приведет к следующему DOM:

<ul> 
    <li id="first">Fist Item</li> 
    <li id="second" class="active">Second Item</li> 
    <li id="third">Third Item</li> 
</ul>