简体   繁体   English

Emmet包装带缩写

[英]Emmet wrap with abbreviation

I'm trying to make a checklist in a more time saving way. 我正在尝试以更节省时间的方式制作清单。 I have to do this thing underneath for every page like 17 times. 我必须像17次一样在每页下面执行此操作。 So to save some time I was hoping for Emmet to be te solution. 因此,为了节省时间,我希望Emmet成为解决方案。 Important to say, I want to select the three names and do everything at once. 重要的是要说的是,我想选择三个名称并立即执行所有操作。 I work with Coda 2. What's the abbreviation to produce the following code after selecting the lines below: 我使用Coda2。选择以下行后,产生以下代码的缩写是什么:

Video
DVD
CD

To produce: 生产:

<div class="form-group">
   <div class="col-sm-12">
     <div class="checkbox">
        <label>
          <input type="checkbox" name="item1" value="Done" /> Video
        </label>
      </div>
    </div>
</div> <!-- form-group -->
<div class="form-group">
   <div class="col-sm-12">
     <div class="checkbox">
        <label>
          <input type="checkbox" name="item2" value="Done" /> DVD
        </label>
      </div>
    </div>
</div> <!-- form-group -->
<div class="form-group">
   <div class="col-sm-12">
     <div class="checkbox">
        <label>
          <input type="checkbox" name="item3" value="Done" /> CD
        </label>
      </div>
    </div>
</div> <!-- form-group -->

And why doesn't this work: (div[class=form-group]>.[class=col-sm-12]>.[class=checkbox]>label[for=list$]>input[type=checkbox name=item$ value=Gedaan id=list$])* 为何不起作用:(div [class = form-group]>。[class = col-sm-12]>。[class = checkbox]> label [for = list $]> input [type = checkbox名称= item $ value = Gedaan id = list $])*

When I try this I get: 当我尝试这个时,我得到:

<div class="form-group">
    <div class="col-sm-12">
        <div class="checkbox"><label for=""><input type="checkbox" name="item1" value="done"></label></div>
    </div>
</div>
<div class="form-group">
    <div class="col-sm-12">
        <div class="checkbox"><label for=""><input type="checkbox" name="item2" value="done"></label></div>
    </div>
</div>
<div class="form-group">
    <div class="col-sm-12">
        <div class="checkbox"><label for=""><input type="checkbox" name="item3" value="done">Video
                    DVD
                    CD</label></div>
    </div>
</div>

Okay I came A little bit further. 好吧,我走得更远。

Now it works with multiple lines. 现在,它可以处理多行。 But de Video, CD, DVD stay with the last form-group. 但是de Video,CD,DVD保留在最后一个组中。

I used this one again: (div[class=form-group]>.[class=col-sm-12]>.[class=checkbox]>label[for=list$]>input[type=checkbox name=item$ value=Gedaan id=list$])* 我再次使用了这个:(div [class = form-group]>。[class = col-sm-12]>。[class = checkbox]> label [for = list $]> input [type = checkbox name = item $ value = Gedaan id = list $])*

My result: 我的结果:

<div class="form-group">
    <div class="col-sm-12">
        <div class="checkbox">
            <label for="list1">
                <input type="checkbox" name="item1" value="Gedaan" id="list1"/>
            </label>
        </div>
    </div>
</div>
<div class="form-group">
    <div class="col-sm-12">
        <div class="checkbox">
            <label for="list2">
                <input type="checkbox" name="item2" value="Gedaan" id="list2"/>
            </label>
        </div>
    </div>
</div>
<div class="form-group">
    <div class="col-sm-12">
        <div class="checkbox">
            <label for="list3">
                <input type="checkbox" name="item3" value="Gedaan" id="list3"/>Video
                    DVD
                    CD
            </label>
        </div>
    </div>
</div>

This worked for me: 这对我有用:

(.form-group>.col-sm-12>.checkbox>label>input[type=checkbox][name="item$"][value="done"])*

And the generated HTML: 以及生成的HTML:

<div class="form-group">
    <div class="col-sm-12">
        <div class="checkbox">
            <label for="">
                <input type="checkbox" name="item1" value="done">Video
            </label>
        </div>
    </div>
</div>
<div class="form-group">
    <div class="col-sm-12">
        <div class="checkbox">
            <label for="">
                <input type="checkbox" name="item2" value="done">CD
            </label>
        </div>
    </div>
</div>
<div class="form-group">
    <div class="col-sm-12">
        <div class="checkbox">
            <label for="">
                <input type="checkbox" name="item3" value="done">DVD
            </label>
        </div>
    </div>
</div>

I tried yours and it works too, except for the part value=Gedaan : 我尝试了您的产品,它也起作用,除了部分value=Gedaan

在此处输入图片说明

Found the answer: 找到了答案:

(div[class=form-group]>.[class=col-sm-12]>.[class=checkbox]>label[for=list$]>input[type=checkbox name=item$ value=Gedaan id=list$]){}* (div [class = form-group]>。[class = col-sm-12]>。[class = checkbox]> label [for = list $]> input [type = checkbox name = item $ value = Gedaan id =列表$]){} *

{} lets the txt go on the back {}让txt放在背面

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM