由于某种原因，Jade 添加了一个 <p> 标签

Question

我的模板看起来像

      each question in instruction.questions
        article
          div.question-div
            div.question-text
              | #{question.num}.
              !=question.questionText

渲染时，看起来像

<article>
  <div class="question-div">
    <div class="question-text">36.
      <p>Since I can’t alter my nature, I guess I’ll just terrify you.</p>
    </div>
    <ol type="A">
      <li>Since I can’t alter my nature, I guess I’ll just terrify you.</li>
      <li>Since I can't alter my nature</li>
      <li>guess I’ll just terrify you.</li>
      <li>none of the choices</li>
    </ol>
  </div>
  <div class="answer-div"><small>answer</small></div>
  <div class="clear"></div>
</article>

我不确定为什么要在 question-text div 中添加额外的 <p> 标签。有什么想法吗？我希望它是无缓冲的，因为那里有 HTML。

Answer 1

如果你想要带题号的文字。试试这个：

div.question-text
    | #{question.num}. !=question.questionText

或者你可以试试这个：

div.question-text
    | #{question.num}.
    | !=question.questionText

我从未使用过！=...但我认为您正在使用 jade 在客户端自动生成布局...您也可以试试这个：

div.question-text
    | #{question.num}.=question.questionText

但是当你在客户端使用时没有“！”我认为行不通...

希望其中一个技巧可以帮助到您。

问题是 Jade 没有识别

    !=question.questionText

同行...

由于某种原因，Jade 添加了一个 <p> 标签

Jade is adding a <p> tag for some reason

pug