comment changer la couleur de fond d'un seul mot d'une chaîne javascript ?

Question

Voici mon 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);
});

ce code affiche une chaîne comme : They look ? the planing the wall ? the girls

Maintenant, je veux ajouter background:blue juste au " ?", pas à la phrase complète. Pouvez-vous m'envoyer une idée ou une solution à ce problème ?

Answer 1

Pour développer l'idée de Mehdi, vous pourriez avoir quelque chose comme :

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

Et alors votre css ressemblera à :

.blue {
    background: blue;
}

Si tu voulais dire que tu veux tout entre les ? pour qu'ils soient bleus, vous pourriez faire ça :

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

EDITAR

J'ai créé un jsfiddle et résolu le problème.

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

Je pense que vous n'avez pas inclus la dépendance de jquery.