在每次传递中迭代一个集合时,如何为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的第二个类都会发生变化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>