loops - 使用 HAML 生成动态类名增量

Question

我对 HTML 很陌生，我想实现以下目标：

<div class="column_1"></div>
<div class="column_2"></div>
<div class="column_3"></div>
<div class="column_4"></div>

我试过这个

  - (1..4).each do |i|
    .column #{i}

这会生成列，但增量在 div 的内容中，而不是类名的一部分。

希望有人可以帮助我向我展示正确的方法；）

Answer 1

您不能使用 CSS 样式语法 ( .and #) 来生成这样的动态属性，您需要这样做：

- (1..4).each do |i|
  %div{:class => "column_#{i}"}