success: function (datas) { //请求成功后处理函数。
var htmltext = '';
var data = datas.result;
console.log(data)
var ihtml = [];
for (var i in data) {
ihtml.push('<div class="col-md-3 col-sm-6 col-xs-6">'
+ '<img src="' + data[i].img + '" width="240" height="180"/>'
+ '</div>') } var len = ihtml.length/4;
len = parseInt(ihtml.length%4!=0?len+1:len);
console.log(len);
for(var i=0;i<len;i++){
var start = i*4;
var end = start+4;
end = end>ihtml.length?ihtml.length:end;
ihtml.slice(start,end);
console.log(ihtml.slice(start,end))
htmltext += '<li>' +
'' + (ihtml.slice(start,end)).join("") + '' +
'</li>'
console.log(1)
} console.log(ihtml)
console.log(htmltext);
$(".coop-ul").html(htmltext); },
<ul class="coop-ul">
<li>
<div class="col-md-3 col-sm-6 col-xs-6">
<!-- <a href="javascript:return false;" target="_blank"> -->
<img src="img/01.png" width="190">
<!-- </a> -->
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<!-- <a href="javascript:return false;" target="_blank"> -->
<img src="img/02.png" width="190">
<!-- </a> -->
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<!-- <a href="javascript:return false;" target="_blank"> -->
<img src="img/03.png" width="190">
<!-- </a> -->
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<!-- <a href="javascript:return false;" target="_blank"> -->
<img src="img/04.png" width="190">
<!-- </a> -->
</div>
</li>
<li class="li2">
<div class="col-md-3 col-sm-6 col-xs-6">
<!-- <a href="javascript:return false;" target="_blank"> -->
<img src="img/05.png" width="190">
<!-- </a> -->
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<!-- <a href="javascript:return false;" target="_blank"> -->
<img src="img/06.png" width="190">
<!-- </a> -->
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<!-- <a href="javascript:return false;" target="_blank"> -->
<img src="img/07.png" width="190">
<!-- </a> -->
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<!-- <a href="javascript:return false;" target="_blank"> -->
<img src="img/08.png" width="190">
<!-- </a> -->
</div>
</li>
<li class="li3">
<div class="col-md-3 col-sm-6 col-xs-6">
<!-- <a href="javascript:return false;" target="_blank"> -->
<img src="img/09.jpg" width="190">
<!-- </a> -->
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<!-- <a href="javascript:return false;" target="_blank"> -->
<img src="img/10.jpg" width="190" height="120">
<!-- </a> -->
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<!-- <a href="javascript:return false;" target="_blank"> -->
<img src="img/07.png" width="190">
<!-- </a> -->
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<!-- <a href="javascript:return false;" target="_blank"> -->
<img src="img/08.png" width="190">
<!-- </a> -->
</div>
</li>
</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. WebView & iframe

    WebView & iframe https://developer.android.com/reference/android/webkit/WebView.html Web-based c ...

  2. VS Code & terminal & Canvas & DOM

    VS Code & terminal & Canvas & DOM https://code.visualstudio.com/docs/editor/integrated-t ...

  3. Java的super、this、重写

    Java的super.this.重写 一.super的注意点: super调用父类的构造方法,必须在构造方法的第一个: super只能出现在子类的构造方法或者方法中: this和super不能同时调用 ...

  4. Linux之根目录说明

    文件系统 文件系统是操作系统用于明确存储设备(常见的是磁盘,也有基于NAND Flash的固态硬盘)或分区上的文件的方法和数据结构:即在存储设备上组织文件的方法.操作系统中负责管理和存储文件信息的软件 ...

  5. Flutter 中不得不会的 mixin

    mixin 是 Dart 中非常重要的概念,对于未接触过此概念的Coder来说尤其重要,最近看源码的时候,由于对 mixin 不熟悉导致理解出现偏差,走了很多弯路,所以这篇文章介绍一下 mixin 概 ...

  6. ffmpeg:为视频添加静态水印

    在ffmpeg中,添加水印需要用overlay滤镜,这是一个复杂滤镜,因为它需要两个输入,默认第一个输入是主画面,第二输入为水印,先执行一个简单的看看. 下面有两个文件,一个是可爱的大雄兔,一个是可爱 ...

  7. sql语句的练习,已练习的会以绿色标注!!!

    表架构 Student(S#,Sname,Sage,Ssex) 学生表 Course(C#,Cname,T#) 课程表 SC(S#,C#,score) 成绩表 Teacher(T#,Tname) 教师 ...

  8. Hyperf-JsonRpc使用

    Hyperf-JsonRpc使用 标签(空格分隔): php 安装扩展包 composer require hyperf/json-rpc composer require hyperf/rpc-se ...

  9. Android7.0无需FileProvide搞定URI拍照、应用安装问题

    根据官方文档,从Android7.0版本开始 使用URI打开或安装文件需要单独在应用里配置了,问了度娘,有好多版本的结果,个人认为最靠谱的就是下边这个方法,只需在application的oncreat ...

  10. Kubernetes-7.Ingress

    docker version:20.10.2 kubernetes version:1.20.1 本文概述Kubernetes Ingress基本原理和官方维护的Nginx-Ingress的基本安装使 ...