Jadeでループ出力

Jadeで静的なリストなどをループで出力したい場合、以下のように書くとできるみたい。

doctype 5
html
  head
    meta(charset="utf-8")
    title jade
  body
    ul
      - for (var i = 0; i < 5; ++i) {
        li
          img(src="//placekitten.com/100/100",width="100",height="100",alt="cat")
      - }

ハイフンの位置を気をつけないとかも。最初、以下のように書いてしまったので。

    ul
    - for (var i = 0; i < 5; ++i) {
      li
        img(src="//placekitten.com/100/100",width="100",height="100",alt="cat")
    - }

これだとulの配下にliは入らずに、ulと同じレベルにliが入ります。

連番idを付加したい場合は、

img(id="#{i}",src="...")

で良いみたい。

img##{i}(src="...")

はさすがに駄目だった。