This is my code:
$(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); }); this code shows a string like: They look ? the planing the wall ? the girls
now i want to add background:blue just to the "?". not to the full sentence. Can you please send me an idea or solution to this?
To expand on Mehdi's idea, you might have something like:
var $question_mark = "<span class='blue'>?</span>"; var $question = "They look " + $question_mark + " the plaining the wall " + $question_mark + " the girls"; And then your css will look like:
.blue { background: blue; } If you meant that you want everything between the ?'s to be blue, you could do this:
var $question_mark = "?"; var $question = "They look <span class='blue'>" + $question_mark + " the plaining the wall " + $question_mark + "</span> the girls"; EDIT
I have created a jsfiddle and fixed the issue.
https://jsfiddle.net/uc42z0LL/6/
I suspect you weren't including the jquery dependency.
$('.scrolling_quiz').text($question); to $('.scrolling_quiz').html($question);. This way, the text you want to show is treated as HTML instead of plaintext. jsfiddle.net/fLvo8hgc/1
var $question_mark = "<font color=blue>?</font>";