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 ...

随机推荐

NAIO & Node.js All In One
NAIO & Node.js All In One Node.js Tutorials https://nodejs.org/en/docs/ https://nodejs.org/en/do ...
Xpath in JavaScript
test html <p>title</p> <ul class="list a" id="list"> <li> ...
svg & stroke & style & class
svg & stroke & style & class svg selected style methods style class, !important fill, st ...
requestAnimationFrame & canvas
requestAnimationFrame & canvas https://codepen.io/xgqfrms/pen/jOEPjLJ See the Pen requestAnimati ...
div & drop
div & drop uplaod file & prevent dropleave https://www.runoob.com/jsref/event-ondrop.html ht ...
WEB 用视频替换GIF动画
原文 download ffmpeg gif to video 转化后文件大小大大降低 $ ffmpeg -i my-animation.gif -b:v 0 -crf 25 -f mp4 -vcod ...
PAUL ADAMS ARCHITECT：日本楼市仍保持稳定
日本国土交通省从2008年11月开始,到2020年10月,连续追踪日本的公寓房价和日经指数两个数值的变动关联性,结果显示相关系数是0.935,也就是说在此期间,日本楼市和股市有着非常强的正相关. 保罗 ...
Angular的工作原理
来源:https://www.cnblogs.com/moriah/p/6096998.html <!doctype html> <html ng-app> <head& ...
spring-ioc的注解理解-1
简单对象注入的理解用到了两个对象 Student .Wife ,一个xml配置(在idea编译器的resource文件下),主要是为让spring去扫描注解,一个测试类,一个pom.xml,导入需要 ...
GET和POST两者的区别
GET 和 POST 是 HTTP 协议中的两种发送请求的基本方法,对于前端开发者而言,几乎每天都在使用它们,再熟悉不过了,一般也都能说出几点两者的区别. 如果面试中被问到这个问题,先回答一下几点,肯 ...

js 一数组分割成若干个数组，并装换成字符串赋个li标签

js 一数组分割成若干个数组，并装换成字符串赋个li标签的更多相关文章

随机推荐

热门专题