jquery 对ajax数据each如何判断数据长度并加换行拼接加载到表格中

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 对ajax数据each如何判断数据长度并加换行拼接加载到表格中相关的知识,希望对你有一定的参考价值。

如何在each中加判断长度代码,实现每三条数据加一个换行。 /*ajax加载文章图像数据*/ $.ajax( url: "Handler/SelectAllArticlImg.ashx?Id="+ Id, type: "GET", dataType: "json", success: function (data) var Img = ""; var i= 0; $.each(data, function (i,u) Img += "<td> <input type='image' src='../" + u.ImgFile + "' width='220' height='180' /></td>"; );
$("#ArticlImgshow").append("<tr>"+Img+"</tr>"); );

参考技术A $.ajax(
                url: "Handler/SelectAllArticlImg.ashx?Id="+ Id,
                type: "GET",
                dataType: "json",
                success: function (data) 
                    var Img = "";
                    var i= 0;
                    $.each(data, function (i,u) 
                        Img += "<td> <input type='image' src='../" + u.ImgFile + "' width='220' height='180' /></td>"; 
                        if((i+1)%3==0)
                            Img="<tr>"+Img+"</tr>";
                        
                    );
                    $("#ArticlImgshow").append(Img);
                
);

参考技术B

你好!!

你这是想要  “循环数据--->>每3条数据放到一个<tr>里” 的效果么?

$.ajax(
    url: "Handler/SelectAllArticlImg.ashx?Id=" + Id,
    type: "GET",
    dataType: "json",
    success: function(data) 
        var Img = "";
        $.each(data, function(i, u) 
            Img += "<td> <input type='image' src='../" + u.ImgFile + "' width='220' height='180' /></td>";
            if ( ((i+1) % 3)==0 ) 
                Img += "</tr><tr>";
            
        );
        $("#ArticlImgshow").append("<tr>" + Img + "</tr>");
    
);

本回答被提问者和网友采纳

jquery如何判断表格同一列不同行input数据是否重复

function hasRepeat(objId,columnIndex){ 
var arr = []; 
$("#"+objId+" tbody tr").each(function(){ 
arr.push( $("td:eq("+columnIndex+")",this).text() ); 
}); 
if( arr.length==$.unique( arr ).length ){ 
return false; 
}else{ 
return true; 



//调用 
alert( hasRepeat(tableID,列索引)==1?"有重复":"无重复" ); 

以上是关于jquery 对ajax数据each如何判断数据长度并加换行拼接加载到表格中的主要内容,如果未能解决你的问题,请参考以下文章

jquery获取radio值求教

如何从 JQuery each() 中获取元素列表

如何解析JQUERY 通过AJAX请求来的HTML数据

jquery ajax添加元素事件无效,each,on函数参考

jquery 关于循环判断的问题

Ajax 之前的 JQuery .each 处理