在div中包装子元素的范围

所以我试图在div中包含一系列子元素，以便在组中操作它们; 试图将每个小组定位在不同的地方。 场景是我有一个随机生成li标签的列表，无论出现多少，我需要分别操作每一组十个。

为了解决这个问题，我使用了一份书面清单：

 
 
Hello
 
 
Stuff
 
Stuff
 
Stuff
 
Stuff
 
Stuff
 
Stuff
 
Stuff
 
Stuff
 
Stuff
 
Stuff
 
Stuff2
 
Stuff2
 
Stuff2
 
Stuff2
 
Stuff2
 
Stuff2
 
Stuff2
 
Stuff2
 
Stuff2
 
Stuff2
 
Stuff3
 
Stuff3
 
Stuff3
 
Stuff3
 
Stuff3
 
Stuff3
 
Stuff3
 
Stuff3
 
Stuff3
 
Stuff3
 
 
  

现在，我已经能够使用以下方法轻松地将孩子们包裹在div中。

 $("ul li ul li:nth-child(n+11)").wrapAll(""); 

但这当然不是我需要的。

这是我正在处理的代码。

 var count = $("ul li ul li").length; for(var c = 11; c<=count;c+=10){ $("ul li ul li:nth-child(n+"+c+")").wrapAll(""); } 

这种工作但它创建了shift类的嵌套实例。

我需要单独的包装器div。 如果我要编写代码，它将是：

  $("ul li ul li:nth-child("+c+"<n<"+(c+10)+")").wrapAll(""); 

但显然这不起作用。 其他人之前做过类似的事。 一直在搜索没有成功。

Answer 1

你可以试试.slice方法：

 // note: different from nth-child, slice is 0-based position $("ul li ul li").slice(c, c+10).wrapAll(""); 

Answer 2

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