html - rails/哈姆 : adding a parentclass every n iteration

Question

我有一个这样组织的照片库:

.container
  %li
    %a{src: image.src}
  %li
    %a{src: image.src}
  %li
    %a{src: image.src}

.container
  %li
    %a{src: image.src}
  %li
    %a{src: image.src}
  %li
    %a{src: image.src}

每个容器最多应有 3 个 %li。

假设我有 @images，其中 @images.count => 4。

.container
  - for image in @images do
    %li
      %a{src: image.src}

这段代码会破坏页面，因为在这种情况下 .container 有 4 个 %li。

我该怎么做才能每 3 个 %li 添加一个 .container？

Answer 1

我猜方法Array#in_groups_of正是您要找的。

- @images.in_groups_of(3, false).each do |images|
  .container
    - images.each do |image|
      %li
        %a{src: image.src}

顺便说一句，使用这个方法你还可以定义丢失图像的替换

%w(1 2 3 4).in_groups_of(3, '_') {|group| p group}
# => ["1", "2", "3"]
# => ["4", "_", "_"]