Javascript 将一行单元格拆分为多行

Javascript 将一行单元格拆分为多行,javascript,html,ajax,Javascript,Html,Ajax,我从ajax调用中请求了一些json数据,并将所有数据插入表中。现在,正如下面的代码,所有数据都在一行单元格中,是否有方法循环表并将其拆分为多行,每行包含4个单元格 <div id="gallery"> <table id="galleryTable"><tr></tr></table> </div> $.ajax({ type: "GET", dataType: "jsonp",

我从ajax调用中请求了一些json数据,并将所有数据插入表中。现在,正如下面的代码,所有数据都在一行单元格中,是否有方法循环表并将其拆分为多行,每行包含4个单元格

<div id="gallery">
    <table id="galleryTable"><tr></tr></table>
</div>


    $.ajax({
      type: "GET",
      dataType: "jsonp",
      cache: false,
      url: linkurl,
      success: function(data){

        paginate = data.pagination.next_url;
        var nextMaxId = data.pagination.next_max_id;
        console.log(nextMaxId);

        for(var i=0; i<15; i++){
          var instaPics = data.data[i].images.low_resolution.url;
          var avatar = data.data[i].user.profile_picture;
          var like = data.data[i].likes.count;
          var comment = data.data[i].comments.count;
          console.log(comment);                  

          $(#galleryTable tr').append('<td><img class="tagPics" src="'+instaPics+'"><a>'+like+"likes"
                                      +'</a><img class="avatar" src="'+avatar+'" height="20" width="20" /><a>'+comment+'</a></img></td>');
        }; 
      }          
    });

$.ajax({
键入:“获取”,
数据类型:“jsonp”,
cache:false,
url:linkurl,
成功:功能(数据){
paginate=data.pagination.next_url;
var nextMaxId=data.pagination.next\u max\u id;
console.log(nextMaxId);
因为(var i=0;i模(%)是你的朋友!这应该让你开始

var row = '';
for(var i=0; i<15; i++) {
    // ...
    if( i > 0 && i % 4 == 0 ) {
        $('#galleryTable tr').append(row);
        row = '';
    }
    row += '<td> ...';
}
$('#galleryTable tr').append(row);
var行=”;
对于(变量i=0;i 0&&i%4==0){
$('#galleryTable tr')。追加(行);
行=“”;
}
行+='…';
}
$('#galleryTable tr')。追加(行);
$.ajax({
键入:“获取”,
数据类型:“jsonp”,
cache:false,
url:linkurl,
成功:功能(数据){
paginate=data.pagination.next_url;
var nextMaxId=data.pagination.next\u max\u id;
console.log(nextMaxId);
var-tr;

对于(var i=0;iClever方法!我喜欢这样一个事实,即您正在创建一个DOM元素并附加到它而不是表中。谢谢!模确实很有用,我没有考虑它。请记住,这只是一个示例。对于大量数据来说,这不是最优的。最好使用单元格创建所有行,然后在一次将其附加到表中。
$.ajax({
      type: "GET",
      dataType: "jsonp",
      cache: false,
      url: linkurl,
      success: function(data){

        paginate = data.pagination.next_url;
        var nextMaxId = data.pagination.next_max_id;
        console.log(nextMaxId);
        var tr;
        for(var i=0; i<15; i++){
          var instaPics = data.data[i].images.low_resolution.url;
          var avatar = data.data[i].user.profile_picture;
          var like = data.data[i].likes.count;
          var comment = data.data[i].comments.count;
          console.log(comment);  
          if(i % 4 === 0){
             tr = $('<tr></tr>');
             $('#galleryTable').append(tr);
          } 


          tr.append('<td><img class="tagPics" src="'+instaPics+'"><a>'+like+"likes"
                                      +'</a><img class="avatar" src="'+avatar+'" height="20" width="20" /><a>'+comment+'</a></img></td>');
        }; 
      }          
    });