快速生成HTML的方法

.wrapper>(.sWrapper>input[class='sText']+span[class= 'btn']*3)+.flWrapper>ul>(li>img[src='$']+p[class='name']+p[class ='des'])*5 然后会生成如下的代码

• '>'表示下一级子元素
• .类名 可以为元素添加类名
• '$'符 可以数字排序
• '*' 可以获取相应的个数

<div class="wrapper">

  <div class="sWrapper"><input type="text" class="sText"><span class=""></span><span class=""></span><span

        class=""></span></div>

  <div class="flWrapper">

      <ul>

        <li><img src="1" alt="">

            <p class="name"></p>

            <p class=""></p>

        </li>

        <li><img src="2" alt="">

            <p class="name"></p>

            <p class=""></p>

        </li>

        <li><img src="3" alt="">

            <p class="name"></p>

            <p class=""></p>

        </li>

        <li><img src="4" alt="">

            <p class="name"></p>

            <p class=""></p>

        </li>

        <li><img src="5" alt="">

            <p class="name"></p>

            <p class=""></p>

        </li>

      </ul>

  </div>

</div>