Jade 嵌套元素不环绕子元素答案

【问题标题】：Jade nested element not wrap around childrenJade 嵌套元素不环绕子元素
【发布时间】：2014-11-14 12:17:11
【问题描述】：

我希望我只是在这里遗漏了一些简单的东西。

我正在 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>

【问题讨论】：

标签： pug

【解决方案1】：

只需将锚放在自己的线上，它就会修复它：

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

输出：

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

【讨论】：