HAML每个循环向第​​n个元素添加其他类

时间:2014-06-19 16:36:52

标签: html loops for-loop haml each

我正在尝试使用不同大小的磁贴构建一个大型图库,并且想知道如何通过HAML实现每个循环以下结果?

.box.box-large
    %img
.box.box-medium
    %img
.box
    %img
.box
    %img
.box.box-large
    %img
.box.box-double
    %img
.box.box-full
    %img
.box
    %img
.box
    %img

1 个答案:

答案 0 :(得分:0)

- n.times do
  .box{class: decide_class}
    %img

这里n是整数。 N次循环将运行。 现在在你的Create中创建一个名为decision_class的辅助方法,并为该循环返回适当的类

def decide_class
  if (some condition to decide class)
    'box-large' # return css class name as a string
  else
    ''          # return empty string if you don't want to apply any class
  end
end