带有缩写的 Emmet 换行

Posted 2023-02-22

【中文标题】带有缩写的 Emmet 换行

【英文标题】：Emmet wrap with abbreviation

【发布时间】：2019-07-21 10:41:28

【问题描述】：

我正在尝试以更节省时间的方式制作清单。 我必须在每一页下面做这件事，比如 17 次。 因此，为了节省一些时间，我希望 Emmet 能够成为您的解决方案。 重要的是，我想选择这三个名称并立即执行所有操作。我与 Coda 2 合作。 选择以下行后生成以下代码的缩写是什么：

Video
DVD
CD

生产：

<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 -->

为什么这不起作用：(div[class=form-group]>.[class=col-sm-12]>.[class=checkbox]>label[for=list$]>input[type =复选框名称=item$ value=Gedaan id=list$])*

当我尝试这个时，我得到：

<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>

好的，我来了一点。

现在它适用于多行。 但 de Video、CD、DVD 保留在最后一个表单组中。

我又用了这个： (div[class=form-group]>.[class=col-sm-12]>.[class=checkbox]>label[for=list$]>input[type=checkbox name=item$ value=Gedaan id=列表$])*

我的结果：

<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>

【问题讨论】：

您好！请编辑问题以在其中添加“为什么这不起作用”部分。

【参考方案1】：

这对我有用：

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

以及生成的 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>

我试过你的，它也可以，除了value=Gedaan的部分：

【讨论】：

查看我上面的结果以尝试这种方式。

【参考方案2】：

找到答案：

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

让 txt 放在后面