1. success: function (datas) { //请求成功后处理函数。
  2. var htmltext = '';
  3. var data = datas.result;
  4. console.log(data)
  5. var ihtml = [];
  6. for (var i in data) {
  7. ihtml.push('<div class="col-md-3 col-sm-6 col-xs-6">'
  8. + '<img src="' + data[i].img + '" width="240" height="180"/>'
  9. + '</div>')
  10.  
  11. }
  12.  
  13. var len = ihtml.length/4;
  14. len = parseInt(ihtml.length%4!=0?len+1:len);
  15. console.log(len);
  16. for(var i=0;i<len;i++){
  17. var start = i*4;
  18. var end = start+4;
  19. end = end>ihtml.length?ihtml.length:end;
  20. ihtml.slice(start,end);
  21. console.log(ihtml.slice(start,end))
  22. htmltext += '<li>' +
  23. '' + (ihtml.slice(start,end)).join("") + '' +
  24. '</li>'
  25. console.log(1)
  26. }
  27.  
  28. console.log(ihtml)
  29. console.log(htmltext);
  30. $(".coop-ul").html(htmltext);
  31.  
  32. },
  1. <ul class="coop-ul">
  2. <li>
  3. <div class="col-md-3 col-sm-6 col-xs-6">
  4. <!-- <a href="javascript:return false;" target="_blank"> -->
  5. <img src="img/01.png" width="190">
  6. <!-- </a> -->
  7. </div>
  8. <div class="col-md-3 col-sm-6 col-xs-6">
  9. <!-- <a href="javascript:return false;" target="_blank"> -->
  10. <img src="img/02.png" width="190">
  11. <!-- </a> -->
  12. </div>
  13. <div class="col-md-3 col-sm-6 col-xs-6">
  14. <!-- <a href="javascript:return false;" target="_blank"> -->
  15. <img src="img/03.png" width="190">
  16. <!-- </a> -->
  17. </div>
  18. <div class="col-md-3 col-sm-6 col-xs-6">
  19. <!-- <a href="javascript:return false;" target="_blank"> -->
  20. <img src="img/04.png" width="190">
  21. <!-- </a> -->
  22. </div>
  23. </li>
  24. <li class="li2">
  25. <div class="col-md-3 col-sm-6 col-xs-6">
  26. <!-- <a href="javascript:return false;" target="_blank"> -->
  27. <img src="img/05.png" width="190">
  28. <!-- </a> -->
  29. </div>
  30. <div class="col-md-3 col-sm-6 col-xs-6">
  31. <!-- <a href="javascript:return false;" target="_blank"> -->
  32. <img src="img/06.png" width="190">
  33. <!-- </a> -->
  34. </div>
  35. <div class="col-md-3 col-sm-6 col-xs-6">
  36. <!-- <a href="javascript:return false;" target="_blank"> -->
  37. <img src="img/07.png" width="190">
  38. <!-- </a> -->
  39. </div>
  40. <div class="col-md-3 col-sm-6 col-xs-6">
  41. <!-- <a href="javascript:return false;" target="_blank"> -->
  42. <img src="img/08.png" width="190">
  43. <!-- </a> -->
  44. </div>
  45. </li>
  46. <li class="li3">
  47. <div class="col-md-3 col-sm-6 col-xs-6">
  48. <!-- <a href="javascript:return false;" target="_blank"> -->
  49. <img src="img/09.jpg" width="190">
  50. <!-- </a> -->
  51. </div>
  52. <div class="col-md-3 col-sm-6 col-xs-6">
  53. <!-- <a href="javascript:return false;" target="_blank"> -->
  54. <img src="img/10.jpg" width="190" height="120">
  55. <!-- </a> -->
  56. </div>
  57. <div class="col-md-3 col-sm-6 col-xs-6">
  58. <!-- <a href="javascript:return false;" target="_blank"> -->
  59. <img src="img/07.png" width="190">
  60. <!-- </a> -->
  61. </div>
  62. <div class="col-md-3 col-sm-6 col-xs-6">
  63. <!-- <a href="javascript:return false;" target="_blank"> -->
  64. <img src="img/08.png" width="190">
  65. <!-- </a> -->
  66. </div>
  67. </li>
  68. </ul>

js 一数组分割成若干个数组,并装换成字符串赋个li标签的更多相关文章

  1. python txt装换成excel

    工作中,我们需要经常吧一些导出的数据文件,例如sql查出来的结果装换成excel,用文件发送.这次为大家带上python装换excel的脚本 记得先安装wlwt模块,适用版本,python2-3 #c ...

  2. Android将图像转换成流存储与将流转换成图像

    1.将图片转换成二进制流 public byte[] getBitmapByte(Bitmap bitmap){ ByteArrayOutputStream out = new ByteArrayOu ...

  3. js将时间戳装换成日期格式

    13位时间戳改为yyyy-MM-dd HH-mm-ss 格式 目标时间戳:1516324500000 formatDateTime (unix) { // 转换时间戳 var date = new D ...

  4. Silverlight日记:字符串装换成Path对象

    一,需要动态绑定Path <UserControl x:Class="Secom.Emx2.SL.Common.Controls.EleSafe.Ele.Line" xmln ...

  5. Java,double类型转换成String,String装换成double型

    今天,老师布置了小系统,银行用户管理系统,突然发现自己的基础知识好薄弱,就把这些记录一下, double类型转化string:Double.toString(double doub); String类 ...

  6. 将n行3列的数据dataTable装换成m行7列的dataTable

    //思路:新建dataTable,定义需要的列, 先将数据源进行分组,第一重遍历获取所有组,第二重遍历获取某一个组的具体数据public void DataBind() { DateTime time ...

  7. HashMap的key装换成List

    Map<String,Object> map = new HashMap<String,Object>(); map.put("a","32332 ...

  8. mvc 解决StyleBundle中 图片绝对路径 装换成相对路径的问题 CssRewriteUrlTransform

    问题 解决办法

  9. Web Api 将DataTable装换成Excel,并通过文件流将其下载

    不废话,直接上代码 前端代码 <input type="button" class="layui-btn" value="Test-GetFil ...

随机推荐

  1. linux & node & cli & exit(0) & exit(1)

    linux & node & cli & exit(0) & exit(1) exit(0) & exit(1) demo exit(0) === OK exi ...

  2. 以代码为剑、数学为犁,SPC构建NGK算力生态体系

    人类创造工具,工具反过来也改变着人类.以区块链为核心的货币革命率先吹响了对金融世界重塑的号角.以代码为剑.数学为犁,区块链构建了新的网路信任体系,这是一切的开始.基于此,NGK区块链技术将赋能实体产业 ...

  3. APC体育全力打造高端体育服务品牌

    近年来,a private company(以下简称APC体育,公司编号:08703733)坚持以人为本,努力满足各个行业运动达人多元化及多层次的体育需求,在倡导体育公共健康服务和水平的同时,还向运动 ...

  4. 为什么说NGK的去中心化预言机越来越受欢迎?

    2020年区块链市场非常火热,从年初的交易所杠杆,到Defi热潮,一波连着一波,风向不断切换,很多人无奈感叹跟不上时代,很多人欢欣雀跃登上了早班车.随着Defi的不断火热,预言机也进入了大众视野.NG ...

  5. SharedPreferences 数据传输中遇到的一些问题总结

    原构想:MainActivity 设置两个按钮,btn1--跳转Main2Activity通过复选框组选择并提交,btn2--跳转Main3Activity通过RecycleView显示选择结果. 主 ...

  6. 在vscode中用Git管理项目

    1.新建仓库-->填写仓库名称-->一定要将对钩去掉-->公开-->创建 Git全局设置: git config --global --add user.name " ...

  7. C语言:试探算法解决“八皇后”问题

    #include <stdio.h> #define N 4 int solution[N], j, k, count, sols; int place(int row, int col) ...

  8. 第50天学习打卡(JavaScript)

    前端三要素 HTML(结构):超文本标记语言(Hyper Text Markup Language),决定网页的结构和内容. CSS(表现):层叠样式表(Cascading Style Sheets) ...

  9. Go中定时器实现原理及源码解析

    转载请声明出处哦~,本篇文章发布于luozhiyun的博客:https://www.luozhiyun.com 本文使用的go的源码15.7,需要注意的是由于timer是1.14版本进行改版,但是1. ...

  10. python基础(9)增强型赋值与使用普通赋值的区别

    前言 增强型赋值语句是经常被使用到的,因为从各种学习渠道中,我们能够得知i += 1的效率往往要比 i = i + 1 更高一些(这里以 += 为例,实际上增强型赋值语句不仅限于此).所以我们会乐此不 ...