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 ...
随机推荐
- linux & node & cli & exit(0) & exit(1)
linux & node & cli & exit(0) & exit(1) exit(0) & exit(1) demo exit(0) === OK exi ...
- 以代码为剑、数学为犁,SPC构建NGK算力生态体系
人类创造工具,工具反过来也改变着人类.以区块链为核心的货币革命率先吹响了对金融世界重塑的号角.以代码为剑.数学为犁,区块链构建了新的网路信任体系,这是一切的开始.基于此,NGK区块链技术将赋能实体产业 ...
- APC体育全力打造高端体育服务品牌
近年来,a private company(以下简称APC体育,公司编号:08703733)坚持以人为本,努力满足各个行业运动达人多元化及多层次的体育需求,在倡导体育公共健康服务和水平的同时,还向运动 ...
- 为什么说NGK的去中心化预言机越来越受欢迎?
2020年区块链市场非常火热,从年初的交易所杠杆,到Defi热潮,一波连着一波,风向不断切换,很多人无奈感叹跟不上时代,很多人欢欣雀跃登上了早班车.随着Defi的不断火热,预言机也进入了大众视野.NG ...
- SharedPreferences 数据传输中遇到的一些问题总结
原构想:MainActivity 设置两个按钮,btn1--跳转Main2Activity通过复选框组选择并提交,btn2--跳转Main3Activity通过RecycleView显示选择结果. 主 ...
- 在vscode中用Git管理项目
1.新建仓库-->填写仓库名称-->一定要将对钩去掉-->公开-->创建 Git全局设置: git config --global --add user.name " ...
- C语言:试探算法解决“八皇后”问题
#include <stdio.h> #define N 4 int solution[N], j, k, count, sols; int place(int row, int col) ...
- 第50天学习打卡(JavaScript)
前端三要素 HTML(结构):超文本标记语言(Hyper Text Markup Language),决定网页的结构和内容. CSS(表现):层叠样式表(Cascading Style Sheets) ...
- Go中定时器实现原理及源码解析
转载请声明出处哦~,本篇文章发布于luozhiyun的博客:https://www.luozhiyun.com 本文使用的go的源码15.7,需要注意的是由于timer是1.14版本进行改版,但是1. ...
- python基础(9)增强型赋值与使用普通赋值的区别
前言 增强型赋值语句是经常被使用到的,因为从各种学习渠道中,我们能够得知i += 1的效率往往要比 i = i + 1 更高一些(这里以 += 为例,实际上增强型赋值语句不仅限于此).所以我们会乐此不 ...