ruby-on-rails - 每次遍历集合时，如何向 div 添加不同的类？

Question

这就是我希望最终产品的样子：

  <div class="side-img top"><%= image_tag product.image_url(:banner_thumb).to_s %></div>
  <div class="side-img mid"><%= image_tag product.image_url(:banner_thumb).to_s %></div>
  <div class="side-img bottom"><%= image_tag product.image_url(:banner_thumb).to_s %></div>

注意每个 div 上的第 2 类对每个product.

那么我如何循环浏览这个集合并动态应用这 3 个类中的每一个，以便获得上述结果？

Answer 1

使用循环..

<% sections = %w(top middle bottom) %>
<div class="side-img <%= cycle(*sections) %>"></div>

..或者，简单地说：

<div class="side-img <%= cycle("top", "middle", "bottom") %>"></div>

Answer 2

假设您的收藏名为@products：

<% sections = %w[top middle bottom] %>
<% @products.each_with_index do |product, i| %>
  <div class="side <%= sections[i] %>"><%= image_tag product.image_url(:banner_thumb).to_s %></div>
<% end %>

上的文档each_with_index。