Rails 将查询视图拆分为两个不同的 div答案

【问题标题】：Rails split query view into two different divRails 将查询视图拆分为两个不同的 div
【发布时间】：2015-12-31 06:31:59
【问题描述】：

我有以下 rails 应用程序，我需要将结果传递到视图中，因为 2 个不同的行 <div> 每行有 4 个结果，2 行总共 8 个。

    </section>
        <div class="container landing-content">
            <!-- Projects Row -->
            <div class="row">
                <div class="col-md-12 text-center content-title">
                    <h3>Now trending in Kuala Lumpur</h3>
                </div>
               <% @products.each do |product| %>
                <div class="col-md-3 portfolio-item">
                    <p class="price">RM <%= product.price_cents/100 %></p>
                    <a href="<%= product_path product %>"><img src="<%= product.user.store_setting.store_image.store_img.small%>" class="img-circle user-thumb" width="52"/></a>
                    <a href="<%= product_path product %>">
                    <img class="img-responsive" src="<%= product.product_attachments.first.attachment.small.url%>" width="262" alt="">
                    </a>
                    <h4>
                        <a href="<%= product_path product %>"><%= product.name %></a>
                    </h4>
                    <a href="<%= product_path product %>">
                        <p><%= product.city%>, <%= product.country%></p>
                    </a>
                </div>
                <% end %>
    </div>

       <div class="row">

            <div class="col-md-3 portfolio-item">
</div>
</div>

    </div>
    </section>

问题是，如何将我的 8 个结果分成 2 个不同的 div？谢谢

【问题讨论】：

标签： jquery html css ruby-on-rails

【解决方案1】：

我想我应该从你的角度来澄清我的想法：

</section>
  <div class="container landing-content">
    <div class="row">
      <div class="col-md-12 text-center content-title">
         <h3>Now trending in Kuala Lumpur</h3>
      </div>
    </div>
    <% @products.each_slice(4).each do |slice| %>
      <div class="row">
        <% slice.each do |product| %>
          <div class="col-md-3 portfolio-item">
            <p class="price">RM <%= product.price_cents/100 %></p>
            <a href="<%= product_path product %>"><img src="<%= product.user.store_setting.store_image.store_img.small%>" class="img-circle user-thumb" width="52"/></a>
            <a href="<%= product_path product %>"><img class="img-responsive" src="<%= product.product_attachments.first.attachment.small.url%>" width="262" alt=""></a>
            <h4>
              <a href="<%= product_path product %>"><%= product.name %></a>
            </h4>
            <a href="<%= product_path product %>">
              <p><%= product.city%>, <%= product.country%></p>
            </a>
          </div>
        <% end %>
      </div>
   <% end %>
  </div>
</section>

【讨论】：

我应该把@products.each_slice(4).each 放在|slice|在行 div 之前？
是的，你应该这样做。此外，将您的行放在 slice.each 之前应该可以解决问题。