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 change svg polygon size by update it's points in js
how to change svg polygon size by update it's points in js matrixTransform https://stackoverflow.com ...
- 人物传记:Mila Fletcher:如何勤于思考抓住关键?
Mila Fletcher于2007年毕业于耶鲁大学,她是一名真正意义上的法学博士,在校期间获得了马歇尔奖学金,毕业后曾在美国多家知名律师事务所任职,目前就职于星盟全球投资公司,专注于帮助公司和客户提 ...
- git log的常用命令
git config --global alias.lg "log --graph --oneline --pretty='%Cred%h%Creset -%C(yellow)%d%Cblu ...
- C++算法代码——[TYVJ]单数?双数?
题目来自:http://218.5.5.242:9018/JudgeOnline/problem.php?id=1178 题目描述 Bessie那惨无人道的二年级老师搞了一个有 N (1 < ...
- Spring 注解(二)注解工具类
本文转载自Spring 注解(二)注解工具类 导语 首先回顾一下 AnnotationUtils 和 AnnotatedElementUtils 这两个注解工具类的用法: @Test @GetMapp ...
- TERSUS无代码开发(笔记01)-按装下载和基础语法
1.中国官网 https://tersus.cn/ 2.下载:https://tersus.cn/download/ 3.开发文档:https://tersus.cn/docs/ 4.基本元件说明 图 ...
- Vue学习笔记-Vue.js-2.X 学习(四)===>脚手架Vue-CLI(基本工作和创建)
(五) 脚手架Vue-CLI 一 Vue-CLI前提(nodejs和webpack) 二 Vue学习-nodejs按装配置,Node.js 就是运行在服务端的 JavaScript. 1. 去nod ...
- 基于url-to-pdf-api构建docker镜像,制作一个网页另存服务
基于url-to-pdf-api构建docker镜像,制作一个网页另存服务 业务背景: 需要根据一个url路径打印这个网页的内容 解决方案: 1.使用wkhtml2pdf 2.使用puppeteer ...
- if __name__ == '__main__':简单粗暴解释
这个脚本被执行的时候,__name__ 值就是 __main__ ,才会执行 main()函数如果这个脚本是被 import 的话,__name__的值不一样.main()函数就不会被调用.这个句子用 ...
- Kubernetes-3.安装
docker version:19.03.14 kubernetes version:1.19.4 本文介绍使用kubeadm安装Kubernetes集群的简单过程. 目录 使用kubeadm安装k8 ...