jquery - Rails 将查询 View 拆分为两个不同的 div

Question

我有以下 Rails 应用程序，我需要将结果作为 2 个不同的行传递给 View <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？谢谢

Answer 1

我想我应该从你的 Angular 出发来阐明我的想法:

</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>