クラス名の変数 - pug - 優秀な図書館

クラスpixel-1、pixel-2 ... pixel-nでdivを作成する必要があります。私の質問はpugで達成する方法です。クラス名の変数 - pug

- for (var x = 1; x < 13; x++) 
     .pixel-x=x

が、それはこのようなCSSを生成します：私はこれを試してみました

<div class="pixel-x">1</div> 
<div class="pixel-x">2</div> 
<div class="pixel-x">3</div> 
...

2016-12-15 Arkej

あなたはJavaScriptでこれを行うには喜んでいますか？ –

私はHTMLファイルにこのコードを書いています。私はcodepenでコードし、pugはそこにHTMLプリプロセッサと見なされます。私はそれがJSとするのは簡単だろうが、私の質問は、それなしで行うことが可能かどうかです？ – Arkej

私はパグを知らない、申し訳ありません....あなたが他の言語でそれをやって助けが必要なら私はあなたを助けることができます。 –

このようにあなたがそれを行うことができます：

- for (var x = 1; x < 13; x++) 
    div(class='pixel-' + x)

2016-12-15 19:58:44 Punit

これは私に必要なものです。ありがとうございました – Arkej

クラス名の変数 - pug