Tbpgr Blog

Employee Experience Engineer tbpgr(てぃーびー) のブログ

Emmet(Zen-Coding) | 同一タグを多数出力する際に、属性やテキストに連番を付与する

概要

同一タグを多数出力する際に、属性やテキストに連番を付与する

内容

同一タグを多数出力する際に、属性やテキストに連番を付与します。

tag[attribute=value$]*n

nが連番数。
value$の$の部分に連番が挿入されます。

サンプル

before
div#hoge_${hoge$}*5
after
<div id="hoge_1">hoge1</div>
<div id="hoge_2">hoge2</div>
<div id="hoge_3">hoge3</div>
<div id="hoge_4">hoge4</div>
<div id="hoge_5">hoge5</div>