Как сверстать на Jade таблицу с изменяемыми id параметрами?

Question

[oleshkin]

Пытаюсь понять как мне создать данный блок хтмл кода на Jade:

<table>
<tr>
        <td>1.</td>
        <td>Перывй вопрос по 5-бальной шкале</td>
        <td>
          <div class="radios">
            <input type="radio" name="question1" id="q1a11" value="1"><label for="q1a11" class="radio">1</label></input>
            <input type="radio" name="question1" id="q1a12" value="2"><label for="q1a12" class="radio">2</label></input>
            <input type="radio" name="question1" id="q1a13" value="3"><label for="q1a13" class="radio">3</label></input>
            <input type="radio" name="question1" id="q1a14" value="4"><label for="q1a14" class="radio">4</label></input>
            <input type="radio" name="question1" id="q1a15" value="5"><label for="q1a15" class="radio">5</label></input>
          </div>
        </td>
      </tr>
      <tr>
        <td>2.</td>
        <td>Второй вопрос по 5-бальной шкале.</td>
        <td>
          <div class="radios">
            <input type="radio" name="question2" id="q2a11" value="1"><label for="q2a11" class="radio">1</label></input>
            <input type="radio" name="question2" id="q2a12" value="2"><label for="q2a12" class="radio">2</label></input>
            <input type="radio" name="question2" id="q2a13" value="3"><label for="q2a13" class="radio">3</label></input>
            <input type="radio" name="question2" id="q2a14" value="4"><label for="q2a14" class="radio">4</label></input>
            <input type="radio" name="question2" id="q2a15" value="5"><label for="q2a15" class="radio">5</label></input>
          </div>
        </td>
      </tr>
</table>

В Emmet можно только 1 счетчик пихать, поэтому он не совсем подходит в данном случае

(tr>td>{$.}^td>Сюда вопрос.^td>div.radios>(input:r[id=question$a$$ name=question$ value=$]label>label[for=q$a$$ class=radio]{$})*5)*28

на Jade, как я понимаю, должно быть 2 счетчика, один из которых будет делать 24 ряда в таблице, а другой внутри будет 5 раз радио кнопку печатать с нужными идентификаторами и именами. Но нихрена не работает :). Где я ошибаюсь?

- var q = 0
ul
  while q < 24
    tr
     td= q++
     td="Вопрос" 
     td
       div.radios
         - for (var x = 10; x < 15; x++)
         input(type=radio, value='#{q}', id='q#{q}a#{x}')
           label(for='q#{q}a#{x}, class='radio')#{x}

Comments

[Иван]

Как по мне, такая шаблонизация - боль в очке ...
Мысли в слух ...

[oleshkin]

Иван: Мне надо 56 вопросов отобразить и для каждого написать уникальный id в радио кнопку и лейбл для неё. Вручную это делать - двойная боль в очке.

[Иван]

oleshkin: да не. Я к тому, что как по мне Jade как-то не логичен. Тот же handlebars выглядит понятным и логичным.

Answer 1

[Дмитрий Гусев]

- var q = 0
ul
  while q < 24
    tr
     td= q++
     td="Вопрос" 
     td
       div.radios
         - for (var x = 10; x < 15; x++) {
           input(type=radio, value='#{q}', id='q#{q}a#{x}')
             label(for='q#{q}a#{x}, class='radio')#{x}
        - }

попробуйте так, со скобками