jquery - jQuery在元素之间插入ul

Question

我有以下结构：

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

我需要在第二个项目周围插入一个 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

您可以使用 jQuery 的.wrap()函数。

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

---

PS - 就像其他用户已经写过评论一样，您可能应该使用类而不是添加包装元素。这样，以下代码：

$("#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>