如何:Jade HTML 子元素后的内容

How to: Jade HTML content after child element

我有一个内容为 "World" 的 h1 和一个内容为 "Hello" 的 span 作为其直接子项。如何将 h1 的内容 ("World") 放在 span 的内容 ("Hello") 之后?

这是代码 (Jade HTML):

h1
  span Hello
  World

输出: 你好

Jade 提供了三种获取纯文本的常用方法。您可以阅读 documentation here.

因此,通过在文本开头添加管道,它的行为与普通文本一样,而不是 HTML 标记。

h1
span Hello
| World

你也可以添加它 inline.It 将在一行中,使 jade 代码更具可读性。

h1 #[span Hello] World

或添加自定义 class 到 span

h1 #[span.custom-classname Hello] World