html - jQuery html() 函数不会使文本变为粗体

Question

我正在尝试使要由我的 jQuery 脚本粗体显示的文本的一部分。到目前为止，我试过这个：

$('.task-name').html('<b>Task:</b>'+'All');

这是在我的 html 代码中显示文本的位置：

<p class="task-name"> Task: no filter selected.</p>

当我这样做时，文本显示如下：

任务：全部

并不是：

任务：全部

我不知道为什么这不起作用，因为这是它的语法（参见这个例子--> 这是斜体，但我假设粗体的工作方式相同）

标签： htmljquery

Answer 1

如果覆盖 b 标签样式，您可以尝试查看是否有什么东西吗？

您可以尝试自己添加：

b {
  font-weight: bold;
}

甚至可以使用<strong>通常使用较多的标签。

但我认为最好的方法是使用具有大胆风格的自定义类，例如：

$('.task-name').html('<span class="text-bold">Task:</span>'+'All');

还有你的css文件

.text-bold {
  font-weight: bold;
}