each文で取り出した要素を 4つずつ縦に並べる方法

Question

わからないこと

hamlでeach文で取り出した要素を 4つずつ縦並びにする方法ってありますか？

.contents__container__item_title_itembox
  - @search_products.each do |product|
    .contents__container__item_title_itembox_images
      - product.images.each do |image|
        =image_tag image, size: "215x250"
      .contents__container__item_title_itembox_image-title
        = product.name

Comments

[hatsu]

4行でn列がどこまでも続く形でしょうか？
それともn列の最大も決まっていますか？

[haruka6532]

３０列です！

Answer 1

こんばんは。
4行×n列でしたら、

• each_with_index do |image, index| で 配列の添字(index)がとれるので、4で割った余りが0のときにwrapper用のdivを作って次の列に加えていく
• あるいは each_slice(4) で4こずつ取ってくる

が考えられると思いますがどうでしょうか？