Farklı sınıf adlarına sahip birden çok div öğesi yeşim veya diğer html önişlemcilerinde kullanılabilir mi? aynı sınıf adıyla farklı div elemanlarının

Question

listesi gibi yeşim önişlemcisinden yardımıyla kısaca yazılabilir:

<div class="c"> </div> 
 
    <div class="c"> </div> 
 
    <div class="c"> </div> 
 
    <div class="c"> </div>

: html eşdeğerdir

-var num = 4 
 
    while num-- 
 
    .c

Jade veya Haml veya Markdown veya Slim veya başka bir html önişlemcisindeki diğer döngü işlevlerinin yardımıyla farklı sınıf adlarına sahip farklı div öğelerinin listesini oluşturmanın bir yolu var mı.

<div class="c1"> </div> 
 
    <div class="c2"> </div> 
 
    <div class="c3"> </div> 
 
    <div class="c4"> </div>

Answer 1

Evet.

- var num=1 
while num <= 4 
    div(class="c#{num++}") 

Veya bir dizide senin classnames koymak ve bu gibi yapabilirdik: Jade olarak böyle yapabileceğini

: size çıktısını verecektir

- var arr = ['c1','c2','c3','c4'] 
each i in arr 
    div(class=i) 

Her iki yol da

<div class="c1"> </div> 
<div class="c2"> </div> 
<div class="c3"> </div> 
<div class="c4"> </div>