javascript - 如何让jquery循环遍历json数据结果以创建两列表

我在尝试将我的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);

},

关于javascript - 如何让jquery循环遍历json数据结果以创建两列表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40204965/