[PhpStorm/WebStorm] コードをグルーピングして繰り返したい箇所を指定する

harada 13views 更新:2015年5月1日

たとえばチェックボックスを複数個作成したい場合に、Emmet記法で下のように普通に記述してしまうと、生成される内容がちがくなってしまいます。

label>input[type="checkbox"]*3

↓ [Tab]で変換   

<label for="">
  <input type="checkbox"/>
  <input type="checkbox"/>
  <input type="checkbox"/>
</label>

そこで繰り返したい範囲を()で囲んでグループ化することで、繰り返したい範囲を指定できます。

(label>input[type="checkbox"])*3

↓ [Tab]で変換   

<label for=""><input type="checkbox"/></label>
<label for=""><input type="checkbox"/></label>
<label for=""><input type="checkbox"/></label>

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません