jQuery html() 函数不会使文本加粗

Question

我正在尝试将jQuery脚本显示的文本的一部分加粗。到目前为止，我尝试了这个：

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

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

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

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

任务：所有

而不是：

任务：所有

我不知道为什么这不起作用，因为这是它的语法(参见本例-->这是斜体字，但我假设粗体字也起作用(

Answer 1

如果覆盖b标记样式，你能试着看看是否有什么东西吗？

你可以尝试自己添加：

b {
font-weight: bold;
}

或者甚至使用<strong>标签，这通常更常用。

但我认为最好的方法是使用一个风格大胆的自定义类，比如：

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

和你的css文件

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

Answer 2

使用jQuery的css函数尝试此代码

<p class="task-name">Task: no filter selected.</p>
<script>
$('.task-name').html('<span class="bold-span">Task:</span>'+'All');
$('.bold').css("font-weight","Bold");
</script>