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 ? the planing the wall ? the girls

现在我想添加背景：蓝色只是＃34;？＆＃34;。不是完整的句子。你能给我一个想法或解决方案吗？

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依赖。

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

1 个答案: