Javascript 在div中包装子元素的范围

我试图在div中封装一系列children元素，以便在组中对它们进行操作；尝试将每个小组定位在不同的位置。场景是，我有一个随机生成

li

标记的列表，无论出现多少标记，我都需要分别操作每组10个标记

为了解决这个问题，我使用了一个写出来的列表：

$（“第n个孩子（n+11）”）.wrapAll（“”）



你好


东西
东西
东西
东西
东西
东西
东西
东西
东西
东西
材料2
材料2
材料2
材料2
材料2
材料2
材料2
材料2
材料2
材料2
物品3
物品3
物品3
物品3
物品3
物品3
物品3
物品3
物品3
物品3



您可以尝试以下方法：

//注意：与第n个子项不同，切片是基于0的位置
$（“ulli”）.slice（c，c+10）.wrapAll（“”）；
var i=0；
元（“.menu ul li:first child”）。在（“”）之前；
$（“.menu ul li”）。每个（函数（）{
i++；
如果（i%10==0）{
$（此）。在（“”）之后
}
});
$（“.menu ul li:last child”）。在（“”）之后；
一句话，你想达到什么目的？哈，对不起，我太啰嗦了。我想使用jQuery.wrapAll函数woot包装一系列子元素swell。好了。这就是我需要的。我以前看过这个片段，但出于某种原因，我认为它不会起作用。。。我可能盯着屏幕看得太久了。谢谢。
$（“.menu:first child”）
选择具有类
.menu
的元素，这些元素是其父元素的第一个子元素（同样，对于最后一个子元素也具有类
：last child
）。另外，
$（“.menu”）。each（）
使用类
.menu
迭代所有元素，而不是它的列表项。键入代码时我很匆忙。现在应该可以了。感谢catch+1，没问题，这是一个很酷的解决方案。旁注--
（i%10==0）
是检查整除性的好方法，我不知道。从现在起我会用它
// note: different from nth-child, slice is 0-based position
$("ul li ul li").slice(c, c+10).wrapAll("<span class='shift' />");

var i=0;
$(".menu ul ul li:first-child").before("<div>");
$(".menu ul ul li").each(function(){
    i++;
    if(i % 10==0){
        $(this).after('</div><div>')
    }
});
$(".menu ul ul li:last-child").after("</div>");