Javascript 将jQuery id添加到与pug文件上的p.lead相同的行中

我正在尝试编辑一个哈巴狗文件，我被一些不应该那么复杂的东西困住了。我的页面中有一个框，过去看起来像这样：

.row.nested-tab
  .col-sm-12
    .card
      .card-block
        p.lead Average Score:
          #score

这显示了标题“Average Score:”，后面是下一行的分数jQuery。将两者放在同一行的正确语法是什么？比如：

p.lead Average Score: #score

---

（这显然不起作用，我在寻找什么：/

您可以使用“标记插值”实现这一目的（请参阅Pug文档）

更具体地说，这归结为用以下内容替换第一个代码段的最后两行：

p.lead Average Score: #[#score]

---

如果您想给ID为

score

的

div

一个默认值（在任何JavaScript用实际分数填充它之前显示），请给该插值第二个值：

#[#score DefaultValue]

您可以使用“标记插值”来实现该目的（请参见Pug文档）

更具体地说，这归结为用以下内容替换第一个代码段的最后两行：

p.lead Average Score: #[#score]

---

如果您想给ID为的

div

score一个默认值（在任何JavaScript用实际分数填充它之前显示），请给该插值第二个值：

。[#score DefaultValue]

您是在谈论实际呈现的布局，还是源标记中的布局？这在您的问题中并不完全清楚。如果您希望图像也显示在与其他图像相同的行上，您需要添加CSS标记（

display:inline；

在内部标记上）或使用

span

元素（

#[span#score SomeScore

），默认情况下是内联的。您是在谈论实际呈现的布局，还是源标记中的布局？这在您的问题中并不完全清楚。如果您希望图像也显示在与其他图像相同的行上，您需要添加CSS标记（

显示：内联；

）在内部标记上）或者使用默认为内联的

span

元素（

#[span#score SomeScore

）