循環每個x元素

Question

什麼是以5行顯示20個圖像列表的最佳方式？或者換句話說，我該如何清理這個醜陋的片段？

<div class="row"> 
    <% @images.each_with_index do |image, index| %> 
    <% if index != 0 && index % 5 == 0 %> 
     </div><div class="row"> 
    <% end %> 
    <%= image_tag image.url %> 
    <% end %> 
</div> 

Answer 1

可以在每個五個圖像的行使用each_slice遍歷圖像：

<% @images.each_slice(5) do |row| %> 
    <div class="row"> 
    <% row.each do |image| %> 
     <%= image_tag image.url %> 
    <% end %> 
    </div> 
<% end %> 

Answer 2

，你也可以使用in_groups_ofhttp://api.rubyonrails.org/classes/ActiveSupport/CoreExtensions/Array/Grouping.html其中也有其他的選擇。