玉嵌套元素不包裹儿童

Question

我希望我在这里错过一些简单的东西。

我在Jade建立一个下拉菜单，其基本结构如下：

JADE

ul
  li: a(href="example.html")
    ul
      li

HTML输出

<ul>
  <li><a href="example.html">
      <ul>
        <li></li>
      </ul></a>
  </li>
</ul>

我希望锚标签立即关闭，而不是缠绕缩进的孩子。

所需的HTML输出（关注锚标记）

<ul>
  <li><a href="example.html"></a>
      <ul>
        <li></li>
      </ul>
  </li>
</ul>

Answer 1

只需将锚点放在自己的行上，它就可以解决问题：

ul
  li 
    a(href="example.html")
    ul
      li

输出：

<ul>
  <li> <a href="example.html"></a>
    <ul>
      <li></li>
    </ul>
  </li>
</ul>