如何让jquery循环json数据结果，以创建一个两列表

How to have jquery loop over json data results to create a two column table

本文关键字：创建 列表 一个 jquery 循环 json 结果 数据      更新时间：2023-09-26

我有一点麻烦，试图得到我的json数据响应显示在一个两列表。我发现很多帖子显示如何将其显示为单行，但没有显示为两列表。

这是我到目前为止所做的，它仍然只显示单列多行:

    var trHTML = '';
    $.each(data.Titles, function (i, item) {
        var v = 0;

        trHTML += '<tr>';
        if(v <= 2){
            trHTML += '<td><a href="' + data.Links[i] + '">' + data.Titles[i] + '</a><br><img src="' + data.Images[i] + '"></td>';
        }
        else{
            var v = 0;
            trHTML += '</tr>';
            trHTML += '<tr>';
        }
        trHTML += '</tr>';
        v++
    });
    $('#location').append(trHTML);
    },

试试这个:

var trHTML = '';
var v = 0;
$.each(data.Titles, function (i, item) {        
    // it keeps v always 0 or 1 regarding if it's first or second column
    if(v >= 2){
        v = 0;
    }
    if(v == 0){
        trHTML += '<tr>';
    }
    trHTML += '<td><a href="' + data.Links[i] + '">' + data.Titles[i] + '</a><br><img src="' + data.Images[i] + '"></td>';
    if(v == 1){
        trHTML += '</tr>';
    }
    v++
});
if(v == 1){
    trHTML += '</tr>';
}
$('#location').append(trHTML);
},
相关文章：