Question

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>"); } });

Answer 1

$.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);
                }
});

Answer 2

你好!!

你这是想要  “循环数据--->>每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>");
    }
});