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. Vulhun-y0usef靶机通关

    Vulhub-y0sef靶机通关 安装靶机环境,下载地址:https://www.vulnhub.com/entry/y0usef-1,624/ 网络模式:桥接 目标:user.txt和root.tx ...

  2. vue的el-select标签全选以及出现需要有禁用选项

    首先说一下遇到这种问题的解决思路吧,很简单先去https://element.eleme.cn/#/zh-CN 这个官网上找到对应的需求,然后就是拼接数据的问题. 以下是全选的例子: <el-s ...

  3. 微信小程序:应用生命周期

    小程序的生命周期分为应用生命周期和页面生命周期. 应用指的是一个文件,是小程序的入口文件app.js,入口文件最外层方法名称是App,页面的js文件最外层是page,组件的js文件的最外层是compo ...

  4. 树的遍历c/c++

    先序遍历(递归) 1 void preOrderTraverase(TreeNode * r) 2 { 3 if(r) 4 { 5 printf("%d\t",r->_dat ...

  5. Linux安装jdk(两种方式)

    最近在研究大数据方面的东西,业务场景是从设备采集数据经过处理然后存放DB. 建设上面的环境第一步肯定是安装jdk,所以和大家一起学一下基本知识centos7.5安装jdk1.8. 安装jdk有两种方法 ...

  6. MySQL确认注入点

    目录 WHERE子句后面的注入点 逻辑符号AND.OR other order by union limit table WEB渗透测试流程中,初期工作是进行信息收集,完成信息收集之后,就会进行漏洞测 ...

  7. MySQL 表的约束与数据库设计

    DQL 查询语句 排序 # 单列排序 * 只按某一个字段进行排序,单列排序 # 组合排序 * 同时对多个字段进行排序,如果第1个字段相等,则按照第2个字段排序,依次类推 * 语法: # 具体操作 * ...

  8. C#扩展方法的一分钟小例子

    扩展方法是静态方法,是类的一部分,但没有在类的源代码中,就像一个补丁 首先创建一个静态类,然后创建一个静态方法,重点是静态方法的参数 public static class xExtension { ...

  9. Nmap命令使用方法

          Nmap使用合集 感谢博主:VVVinson    文章链接:https://www.cnblogs.com/Vinson404/p/7784829.html 参    数 说    明 ...

  10. 关于PHP的__construct()函数

    1 <?php 2 header("Content-Type:text/html;charset=utf-8");//调整为utf-8编码格式 3 class car 4 { ...