pug html

@visitante2016 · Регистрация: 03.08.2016

Author24 — интернет-сервис помощи студентам

Всем привет,
Не знаю, в правильную ли я ветку пишу.

Необходимо в pug создать

HTML5

        <div class="slider-items">
          <div class="slider-item slider-1"></div>
          <div class="slider-item slider-2"></div>
          <div class="slider-item slider-3"></div>
          <div class="slider-item slider-4"></div>
        </div>

В файле pug пишу:

HTML5

- var array = [1, 2, 3, 4];
- var string = 'slider-item slider-';
.container
 .slider-items
  each index in array
   div.string + index

Получается вот что:

HTML5

      <div class="slider-items">
        <div class="string">+ index</div>
        <div class="string">+ index</div>
        <div class="string">+ index</div>
        <div class="string">+ index</div>
      </div>

Не знаю как создать тэги, у которых в классе пробел. Прошу помощи. Заранее спасибо

@sash23 · 16.03.2020, 21:17

div.string.slider
получится
<div class="string slider"></div>

@visitante2016 · 16.03.2020, 21:20 **[ТС]**

Но нужно

HTML5

1	<div class="slider-item slider-1"></div>

string это переменная

@sash23 · 16.03.2020, 21:25

Код

- var array = [1, 2, 3, 4];
- var string = 'slider-item slider-';
.container
 .slider-items
  each index in array
   div(class=`${string}`+index)

@visitante2016 · 16.03.2020, 21:28 **[ТС]**

Работает на ура. Спасибо

@sash23 554 / 403 / 256 Регистрация: 31.05.2016 Сообщений: 1,084
	16.03.2020, 21:17	2
	div.string.slider получится <div class="string slider"></div> 0

@sash23 554 / 403 / 256 Регистрация: 31.05.2016 Сообщений: 1,084
	16.03.2020, 21:25	4
	Сообщение было отмечено gogolik как решение Решение Код - var array = [1, 2, 3, 4]; - var string = 'slider-item slider-'; .container .slider-items each index in array div(class=`${string}`+index) 1

@visitante2016 6 / 6 / 0 Регистрация: 03.08.2016 Сообщений: 152
	16.03.2020, 21:28 [ТС]	5
	Работает на ура. Спасибо 0

pug html

Решение