如何在jQuery中更改一段文本的颜色？

Question

我使用jQuery在游戏结束后更改h1标题，我有以下代码行：

$('h1').text(winningPlayer+" has won!").css("fontSize", "55px");

问题是，我怎样才能为winningPlayer文本部分设置不同的颜色？

Answer 1

将winningPlayer包裹在<span>中并将.text()更改为.html()。以下是演示

let winningPlayer = "John"
$('h1').html(`<span style="color:blue">${winningPlayer}</span> has won!`).css("fontSize", "55px");

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h1></h1>