在Emmet插件中是否有相当于“$ this”的内容?

时间:2014-03-22 15:23:02

标签: html5 emmet

嗯..还没有找到答案...所以这里就是。

  • 想要使用Emmet语法创建表单。
  • 我有以下项目清单:

    firstName
    lastName
    middleInitial
    suffixName
    streetAddress1
    streetAddress2
    streetAddress3
    cityAddress
    stateAddress
    zipCodeAddress
    countryAddress
    phoneNumber1
    phoneNumber1Type
    phoneNumber2
    phoneNumber2Type
    dob
    gender
    maidenName
    
  • 我可以使用类似以下Emmet语法的内容来创建表单:

    form:get.newUserForm>input.formInput[name=FieldName]*

(这可能稍微不正确..但这不是问题的焦点。)

问题是......

如何让每个“FieldName”与列表中的所选项匹配?例如,我列表中的第一项是“firstName”,第二项是“lastName”。 Emmet是否有办法查看列表项并使用THAT代替“FieldName”(或“id”)?所以在基本术语中......在Emmet中是否等同于$this(指列表中的项目)?

TTAIA

1 个答案:

答案 0 :(得分:1)

默认情况下,Emmet会将包装内容插入缩写的最深子节点内,但您可以决定将包含内容放在$#令牌的位置。

E.g。您可以编写form:get.newUserForm>input.formInput[name=$#]*之类的内容,将字符串插入name元素的<input>属性。

请参阅http://docs.emmet.io/actions/wrap-with-abbreviation/#controlling-output-position