Javascript 将父项添加到多个<；李>；标签

我有这样一个代码：

<ul>
 <li class='item-1'>...</li>
 <li class='item-2'>...</li>
 <li class='item-3'>...</li>
 <li class='item-4'>...</li>
 <li class='item-5'>...</li>
</ul>

<ul>
 <li class='item-1'>...</li>
 <div class='container'>
  <li class='item-2'>...</li>
  <li class='item-3'>...</li>
  <li class='item-4'>...</li>
 </div>
 <li class='item-5'>...</li>
</ul>

怎么做？到目前为止，我所尝试的：

$(".item-2").before("<div class='container'>");
$(".item-4").after("</div>");

（“.”之前的“.item-2”）； 美元（“.item-4”）。以“.”号填列； 但结果是：

<ul>
 <li class='item-1'>...</li>
 <div class='container'></div>
 <li class='item-2'>...</li>
 <li class='item-3'>...</li>
 <li class='item-4'>...</li>
 <li class='item-5'>...</li>
</ul>

$（'ulli:gt（0:lt（3）'））.wrapAll（“”）
.container{
背景：灰色；
}


1
2
3
4
5
您可以在
第2项之前插入div，并将其内容附加到所需的项目中：


（“.”之前的“.item-2”）；
$（“.container”）.append（$（'.item-2'）；
$（“.container”）.append（$（'.item-3'）；
$（“.container”）.append（$（'.item-4'）；
log（$（'ul'）.html（））
.container{
背景：红色；
}







您可以使用SLICE函数轻松实现它。
切片函数比：gt和：lt方法快得多


var i=1；
var n=4；
$（“.list_wrap li”）.slice（i，n）.wrapAll（“”）
.container{边框：1px实心#000；背景：蓝色；}


第1项
第2项
第3项
第4项
第5项