javascript - 如何更改 javascript 字符串的一个单词的背景颜色？

Question

这是我的代码:

$(document).ready(function(){
  var $question_mark = "?";
  var $question = "They look " . concat($question_mark) . concat(" the plaining the wall ") . concat($question_mark) . concat(" the girls");
  $('.scrolling_quiz').text($question);
});

此代码显示如下字符串:They look ?刨墙？女孩们

现在我想将背景:蓝色添加到“？”。不是完整的句子。你能给我一个想法或解决方案吗？

Answer 1

要扩展 Mehdi 的想法，您可能有类似的东西:

var $question_mark = "<span class='blue'>?</span>";
var $question = "They look " + $question_mark + " the plaining the wall " + $question_mark + " the girls";

然后你的 css 看起来像:

.blue {
    background: blue;
}

如果您的意思是您希望 之间的所有内容都是蓝色的，您可以这样做:

var $question_mark = "?";
var $question = "They look <span class='blue'>" + $question_mark + " the plaining the wall " + $question_mark + "</span> the girls";

编辑

我创建了一个 jsfiddle 并解决了这个问题。

https://jsfiddle.net/uc42z0LL/6/

我怀疑您没有包括 jquery 依赖项。