javascript文字列の1つだけの背景色を変更する方法は？

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

を今私は、背景を追加します。完全な文ではない。これにアイデアや解決策を教えてください。

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

そして、あなたのCSSは次のようになります。：

Answer 1

Mehdi氏のアイデアに展開するには、次のようなものを持っているかもしれません

.blue { 
    background: blue; 
} 

あなたは間のすべてをしたいことを意味した場合は？あなたはこれを行うことができます：

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

EDIT

私はjsfiddleを作成してこの問題を修正しました。

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

私はjqueryの依存関係を含めていなかった疑いがあります。