[英]How to have jquery loop over json data results to create a two column table
I'm having a bit of trouble trying to get my json data response shown in a two column table. 我在尝试将我的json数据响应显示在两列表中时遇到了一些麻烦。 I've found lots of posts that show how to show it as a single row, but nothing as a two column table.
我发现很多帖子都显示了如何将其显示为单行,而没有显示为两列表。
This is what I have so far and it is still only showing a single column with multiple rows: 这是我到目前为止的内容,仍然只显示具有多行的单列:
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);
},
Try this: 尝试这个:
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);
},
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.