jade - создать несколько HTML-элементов

#html #css #class #pug

#HTML #css #класс #pug

Вопрос:

Я хочу создать несколько элементов, имеющих один и тот же класс с помощью jade. Возможно ли это? Это должно быть что-то вроде этого:

 3 times do
  insert div.className

Заранее благодарю вас!

Ответ №1:

Несколько элементов могут совместно использовать один класс без проблем, как и в стандартном HTML. Это одно из основных различий между классом и идентификатором, хотя есть и некоторые другие различия.

Простой способ сделать это — использовать традиционный цикл JavaScript for, встроенный в ваш шаблон Jade.

- for(var x = 0;X < 3;x ) .nameOfClass

или (очевидно)

- for(var x = 1;x <= 3;x ) .nameOfClass