Javascript 带分隔列表的for循环

Javascript 带分隔列表的for循环,javascript,for-loop,Javascript,For Loop,有78个项目的清单: <ul> <li> 1 </li> <li> 2 </li> . . . <li> 78 </li> </ul> 一, 二, . . . 78 我想把它分成10-10块 每个区块将有10个项目 结果将是7块10项,第8块8项 <ul> <li> 1 </li> <l

有78个项目的清单:

<ul>
    <li> 1 </li>
    <li> 2 </li>
    .
    .
    .
    <li> 78 </li> 
</ul>
  • 一,
  • 二,
  • . . .
  • 78
我想把它分成10-10块

每个区块将有10个项目

结果将是7块10项,第8块8项

<ul>
    <li> 1 </li>
    <li> 2 </li>
    .
    .
    .
    <li> 10 </li>
</ul>

<ul>
    <li> 11 </li>
    <li> 12 </li>
    .
    .
    .
    <li> 20 </li>
</ul><br>
.<br>
.<br>
.<br>
<ul>
    <li> 71 </li>
    <li> 72 </li>
    .
    .
    .
    <li> 78 </li>
</ul>
  • 一,
  • 二,
  • . . .
  • 十,
  • 十一,
  • 十二,
  • . . .
  • 二十

.
.
.
  • 七十一
  • 七十二
  • . . .
  • 78

建议逻辑

假设ul有id
列表

var oldUL=document.getElementById('list');
var l = oldUL.children;
for(var i=0;i<l.length;i+=10){
 var newUL = document.createElement('ul');
 for(var s=0;s<10 && s<l.length;s++){
  newUL.appendChild(l[s]);
 }
 document.body.appendChild(newUl);
}
document.removeChild(oldUL)
var oldUL=document.getElementById('list');
var l=老年儿童;
对于(var i=0;i尝试使用自己的逻辑。
工作代码链接是

$(文档).ready(函数(){
var listHtml=$('#list ul').html(),
listLength=$('#list ul li')。长度;
var _html='',l=listLength,helpAgent=l,counter=1,_newList='';

对于(var i=1;i),这并不是实际的工作方式。您需要提供一些您已经尝试解决此问题的代码。是否在数组中包含列表元素或类似的内容?请选择一个。@BrunoToffolo:是,
document.queryselectoral(“ul>li”)
:-)
$(document).ready(function(){   
var listHtml = $('#list ul').html(),
    listLength = $('#list ul li').length;

var _html = '',l = listLength, helpAgent = l, counter = 1,_newList='';

for(var i = 1 ; i <= Math.ceil(l/10) ; i++){         
    var lim = 10;       
    if(helpAgent == (l%10)){
        lim = helpAgent;
    }
    helpAgent -= 10;

    _newList += "<ul>";
    for(var j = 1 ; j <= lim ; j++){ 
        _newList += "<li>" + $($('#list ul li')[counter-1]).html() + "</li>";
        counter++;
    }  
    _newList += "</ul>";
}
$("#result").html(_newList);});