玉 - ID和變量在每...在功能

Question

我想用each...in功能玉文件

但是當我用#{...}來設置變量，我不能在DIV集ID。

玉：

sidebars = ['home', 'club', 'bond'] 
each sidebar in sidebars 
    div.side_bar_category#side_bar_#{sidebar} #{sidebar} 

，它走了出來：

<div id="side_bar_" class="side_bar_category"></div><home> home</home> 
<div id="side_bar_" class="side_bar_category"></div><club> club</club> 
<div id="side_bar_" class="side_bar_category"></div><bond> bond</bond> 

我希望它變成：

<div id="side_bar_home" class="side_bar_category">home</div> 
<div id="side_bar_club" class="side_bar_category">club</div> 
<div id="side_bar_bond" class="side_bar_category">bond</div> 

我該如何解決？

Answer 1

答案是把你的id屬性在括號內，所以你可以用你的變量

sidebars = ['home', 'club', 'bond'] 
    each sidebar in sidebars 
    div.side_bar_category(id='side_bar_'+ sidebar) #{sidebar}