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

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>

jQuery在元素之间插入ul

1 个答案: