格式化每个语句结果在一个网格内？

Question

因此，我已获取和分析一些数据，我使用“每个”来显示它：

$.ajax({ 
    url  : 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent('http://news.google.com/news?pz=1&cf=all&ned=uk&hl=en&output=rss'), 
    dataType : 'json', 
    success : function (data) { 
     if (data.responseData.feed && data.responseData.feed.entries) { 
      $.each(data.responseData.feed.entries, function (i, e) { 
       $('.row').append("<div class=\"threecol\"">title: " + e.title + "<br></div>"); 
      }); 
     } 
    } 
}); 

而对于电网正常运行，它需要遵循这种结构：

<div class="container"> 
    <div class="row"> 
     <div class="threecol"> 
     </div> 
     <div class="threecol"> 
     </div> 
     <div class="threecol"> 
     </div> 
     <div class="threecol last"> 
     </div> 
    </div> 
</div> 

所以我的问题是，我将如何对每个陈述进行排序，并将每4个项目放入一个新行，并使每个第4个项目都具有“threecol last”类而不是“threecol”？

Answer 1

您$.each循环之前添加计数器，然后添加一些简单的条件插入rows在正确的位置，并指定正确的类：

if (c % 4 == 0) { 
    $('<div />').addClass('row').appendTo('.container'); 
} 

$('<div />').addClass('threecol') 
      .text('title: ' + e.title) 
      .appendTo('.row:last'); 

if (c % 4 == 3) { 
    $('.threecol:last').addClass('last'); 
} 

c++;