2013-07-16 51 views
1

我真的很新的HTML和我要實現以下的事情:生成動態類名的增量與HAML

<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的內容中,而不是類名的一部分。

希望有人可以幫我告訴我正確的方式;)

回答

2

不能使用的CSS樣式語法(.#)產生這樣的動態屬性,你需要做的是這樣的:

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

感謝作品完美;) –