收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 1362|回复: 2

[jquery] 已知长度但不固定的数据如何每五个在一个li里面输出

[复制链接]
发表于 2015-3-25 14:22:31 | 显示全部楼层 |阅读模式
25体力
如题。

现在后台返回一批json数据,知道长度,但不固定。

前台需要每五条组成一个小组,如果不够5条,有几条就几条合并一个小组,然后打印出来。

如[1,2,3,4,5,6,7,8,9]

要生成为
<ul>
<li><span>1</span><span>2</span><span>3</span><span>4</span><span>5</span></li>
<li><span>6</span><span>7</span><span>8</span><span>9</span></li>
<ul>


请问该怎么处理。用jq也可以!

最佳答案

查看完整内容

web前端开发交流群 213088586
发表于 2015-3-25 14:22:32 | 显示全部楼层
  1. <script type="text/javascript">
  2.         var json={"txt":[1,2,3,4,5,6,7,8,9,10,11]};
  3.         var html="<ul><li>";
  4.         //console.log(json.txt);
  5.         for(var i=1;i<=json.txt.length;i++){
  6.                 if(i%5==0){
  7.                         html=html+"<span>"+json.txt[i-1]+"</span></li><li>";
  8.                 }else{
  9.                         html=html+"<span>"+json.txt[i-1]+"</span>";
  10.                 }
  11.                
  12.         }
  13.         html=html+"</li></ul>";
  14.         document.write(html);

  15.         </script>
复制代码


web前端开发交流群 213088586
回复

使用道具 举报

发表于 2015-3-25 23:10:34 | 显示全部楼层
if (i % 5==0) {document.write('<li>');}
自己再研究下就明白了
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-7-4 01:43 , Processed in 0.109098 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表