js 一数组分割成若干个数组，并装换成字符串赋个li标签
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标签的更多相关文章
- python txt装换成excel
工作中,我们需要经常吧一些导出的数据文件,例如sql查出来的结果装换成excel,用文件发送.这次为大家带上python装换excel的脚本 记得先安装wlwt模块,适用版本,python2-3 #c ...
- Android将图像转换成流存储与将流转换成图像
1.将图片转换成二进制流 public byte[] getBitmapByte(Bitmap bitmap){ ByteArrayOutputStream out = new ByteArrayOu ...
- js将时间戳装换成日期格式
13位时间戳改为yyyy-MM-dd HH-mm-ss 格式 目标时间戳:1516324500000 formatDateTime (unix) { // 转换时间戳 var date = new D ...
- Silverlight日记：字符串装换成Path对象
一,需要动态绑定Path <UserControl x:Class="Secom.Emx2.SL.Common.Controls.EleSafe.Ele.Line" xmln ...
- Java，double类型转换成String，String装换成double型
今天,老师布置了小系统,银行用户管理系统,突然发现自己的基础知识好薄弱,就把这些记录一下, double类型转化string:Double.toString(double doub); String类 ...
- 将n行3列的数据dataTable装换成m行7列的dataTable
//思路:新建dataTable,定义需要的列, 先将数据源进行分组,第一重遍历获取所有组,第二重遍历获取某一个组的具体数据public void DataBind() { DateTime time ...
- HashMap的key装换成List
Map<String,Object> map = new HashMap<String,Object>(); map.put("a","32332 ...
- mvc 解决StyleBundle中 图片绝对路径 装换成相对路径的问题 CssRewriteUrlTransform
问题 解决办法
- Web Api 将DataTable装换成Excel，并通过文件流将其下载
不废话,直接上代码 前端代码 <input type="button" class="layui-btn" value="Test-GetFil ...
随机推荐
- how to make one your own promise version Ajax
how to make one your own promise version Ajax XMLHttpRequest https://developer.mozilla.org/en-US/doc ...
- Flutter 在mixin中使用setState
相关问题 创建mixin import 'package:flutter/material.dart'; mixin JobsMixin<T extends StatefulWidget> ...
- Datahero inc：区块链方案如何在现有食品溯源系统里实现落地？
在食品行业,区块链溯源平台的应用,主要是指围绕"从农田到餐桌"的安全管理理念,综合运用区块链技术.大数据技术和二维码技术等前沿技术,具有产品生产企业管理. 产品生产档案 (农药/防 ...
- 「NGK每日快讯」12.30日NGK第57期官方快讯!
- 类属性和__init__的实例属性有何区别？进来了解一下吧
真的是随笔写的一篇,以防日后记忆模糊,特此记录.大佬勿喷 疑问:类属性和实例属性有何区别? 正题,代码如下 age为People类的属性(称为类属性) name是在__init__方法下,在创建实例对 ...
- 五分钟学会generator函数
什么是generator函数? 常规函数只会返回一个单一值(或者不返回任何值). 而 Generator 可以按需一个接一个地返回("yield")多个值.它们可与 iterabl ...
- 微信小程序：数组拼接
一开始用concat进行拼接,总是不行,代码如下: handleItemChange(e){ console.log(e) var itemList = e.detail.value itemList ...
- Ability之间或者进程间数据传递之对象（Sequenceable序列化）
鸿蒙入门指南,小白速来!0基础学习路线分享,高效学习方法,重点答疑解惑--->[课程入口] 这两天51cto上的一个粉丝朋友问了我一个问题,Ability之间使用Sequenceable序列化传 ...
- 调度场算法&&中缀表达式=>后缀表达式
#include<stdio.h> #include<string.h> int main(void){ char ch,stro[1001],stack[1001]; int ...
- selenium之元素定位的方法（一）
WebDriver 对象有多种方法用于在页面中寻找元素.他们被分成find_element_*和find_elements_*方法.find_element_*方法返回一个WebElement对象,代 ...