如何访问 ruby​​ 数组中的第 n 个元素？具体来说，是一个 will_paginate 集合

Question

我正在使用 ruby​​ on Rails 和 will_paginate 将帖子输出到如下页面：

 <div class="posts">
        <% render @posts %>
 </div>

假设我想更改此页面，以便在不同的 div 中渲染一些帖子： <% 渲染 'posts/post', :post => #集合中的第一个元素%>

 <div class="second_post">
        <% render 'posts/post', :post => #the second element in the collection %>
 </div>
 </div>

 <div class ="lower_container">
 <div class="posts">
        #may have to run a loop for this last one, to render all the rest of posts. How?
        <% render 'posts/post', :post => #all other posts %>
 </div>
 </div>

具体来说，我知道我可以使用 @post.first 作为第一个元素，但不知道第二个（或第三个或第四个元素）。当然，我的编程背景让我想做@post(n)，其中n是我想要访问的元素的索引。这在红宝石中不起作用。

仅供参考：帖子集合是在控制器中创建的：

  @posts = Post.paginate(:page => params[:page])

有谁知道我如何最好地实现这个目标？我知道这可能看起来很不传统，但对于 html/UI 方面，我真的想做这样的 div。

Answer 1

在您的部分中，您可以调用：

<%= posts_counter %>

或 _counter

Answer 2

您可以使用 CSS3 的 nth-child 选择器来定位特定的 div。例如，如果您的代码如下所示：

<div id="posts">
<% @posts.each do |post| %>
  <div>
    <%= post.content %>
  </div>
<% end %>
</div>

那么您可以像这样定位第一个和第二个

：

div#posts div:nth-child(1) { }
div#posts div:nth-child(2) { }

jQuery 也可以以相同的方式选择它们，并根据需要向它们添加类：

$('div#posts div:nth-child(1)').addClass('firstPost');

更新：

好的，在您回复后，我建议在迭代您的集合时使用each_with_index辅助方法，如下所示：

<% @posts.each_with_index do |post, index| %>
  <% if index == 0 %>
    <div class="specialFirstIndexClass">
      <%= post.content %>
    </div>
  <% end %>
  <% if index == 1 %>
    <div class="specialSecondIndexClass">
      <%= post.content %>
    </div>
  <% end %>
<% end %>

或者您可以使用像这样的Ruby开关，因为它们很漂亮：

<% @posts.each_with_index do |post, index| %>
  <% case index %>
  <% when 0 %>
    <div class="specialFirstIndexClass">
      <%= post.content %>
    </div>
  <% when 1 %>
    #etc..
  <% else %>
    <div class="notSoSpecial"><%= post.content %></div>
  <% end %>
<% end %>

希望这有帮助:)