1

これは、最終製品を次のようにしたいものです。

  <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 つのクラスのそれぞれを動的に適用して、上記の結果を得ることができるでしょうか?

4

2 に答える 2

7

使用サイクル..

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

..または、単に:

<div class="side-img <%= cycle("top", "middle", "bottom") %>"></div>
于 2012-11-15T11:57:52.743 に答える
3

@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。

于 2012-11-15T11:50:43.460 に答える