使用Middleman向循環中的第一個孩子添加一個班級

Question

我正在爲我的博客創建一個滑塊，並且我想向其添加特色項目的集合，滑塊需要使用類selected的第一個子級負載。

我怎麼可以這樣做if first child do thiselse do that

這是我到目前爲止有：

<ul class="cd-hero-slider"> 
    <% blog.articles.select {|a| a.data[:featured] }.each do |article| %> 
     <li class="selected" style="background-image: url('https://images.unsplash.com/photo-1447014421976-7fec21d26d86?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&s=c82e04e12daab5427f481731')"> 
     <div class="cd-full-width"> 
      <h2><%= link_to article.title, article %></h2> 
      <p><%= article.summary(250) %></p> 
      <%= link_to 'Read More', article, :class => 'cd-btn' %> 
     </div> 
     </li> 
    <% end %> 
    </ul> 

Answer 1

使用each_with_index每個代替 - 這會給你的對象，而且位置到數組，首先是0：

<% blog.articles.select {|a| a.data[:featured] }.each_with_index do |article, index| %> 
    <% if index == 0 %> 
    <li>I'm the first!</li> 
    <% else %> 
    <li>Not the first</li> 
    <% end %> 
<% end %>