ruby-on-rails - 如何在每次更改类的同时循环遍历 Rails 中的每个帖子

Question

我试图循环遍历 Rails 应用程序中的每个帖子，其中类每次都会发生变化。这是 HTML 中的布局，我如何在 Rails <% @posts.each do |post| 中创建它%> 循环。 css 类从 style1 到 style 6

  <article class="style1">
    <span class="image">
      <img src="images/pic01.jpg" alt="" />
    </span>
    <a href="generic.html">
      <h2>Magna</h2>
      <div class="content">
        <p>Sed nisl arcu euismod sit amet nisi lorem etiam dolor veroeros et feugiat.</p>
      </div>
    </a>
  </article>
  <article class="style2">
    <span class="image">
      <img src="images/pic02.jpg" alt="" />
    </span>
    <a href="generic.html">
      <h2>Lorem</h2>
      <div class="content">
        <p>Sed nisl arcu euismod sit amet nisi lorem etiam dolor veroeros et feugiat.</p>
      </div>
    </a>
  </article>

等等...

Answer 1

您可以使用each_with_index，例如:

- @posts.each_with_index do |post, i|
  %article{class: "style#{(i % 6) + 1}"}
    %span.image
      ...

抱歉，这是 HAML，而不是 ERB。我不再使用ERB并且已经忘记它是怎么回事了。但是，希望这能让您了解如何使用 each_with_index。您可以在 docs 中阅读更多内容.

ERB 示例:

<%- @posts.each_with_index do |post, i| %>
  <article class="style<%= (i % 6) + 1 %>">
    <span class="image">
      ...
    </span>
 </article>
<% end %>