javascript - 在 pug 文件上的 p.lead 的同一行中添加 jQuery id

标签 javascript jquery pug

我正在尝试编辑 pug 文件,但我遇到了一些不应该那么复杂的问题。我的页面中有一个框,以前看起来像这样:

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

这显示了标题“平均分数:”,后面是下一行的分数 jQuery。将两者放在同一行的正确语法是什么?像这样的东西:

p.lead Average Score: #score

(这显然行不通,我正在寻找什么:/

最佳答案

您可以使用“标签插值”来实现此目的(请参阅 Pug 文档中的 this page)。

更具体地说,这可以归结为将第一个代码片段的最后两行替换为:

p.lead Average Score: #[#score]

如果您想为 ID 为 scorediv 指定一个默认值(在任何 JavaScript 填充之前显示,用真实分数填充它),请为该插值指定第二个值:#[#score DefaultValue]

关于javascript - 在 pug 文件上的 p.lead 的同一行中添加 jQuery id,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43285852/

相关文章:

javascript - 我无法摆脱 HTML5 视频上方的这个差距(在移动设备上)

javascript - 如何设置多个元素的 z-index 并使用模态内的 javascript 动态更新它们?

javascript - 如何像ng-click一样在ng-model中传递参数

javascript - 在 JavaScript 中向 "Class"添加属性

Javascript:我的数组的大小随着每次 for 循环迭代而减小。为什么?

javascript - 如果存在多个模态框,模态框弹出窗口不会关闭

javascript - 删除标签中 url 的第一部分

pug - 如何在传递给 Jade 模板的 JSON 选项中包含 HTML 标签?

javascript - 将数组传递给 jade 渲染

node.js - 如何让 window.onload 函数在 Jade 模板语言中工作