Javascript 带分隔列表的for循环
有78个项目的清单: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
<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);});