追加要素の色を変更するにはどうすればいいですか？

Question

私は、2つのパラメータをとり、その値を1行に追加する「カスタム追加」関数を作成しました。 最初のパラメータの値を灰色で追加する必要がありますが、2番目の値はそのまま維持する必要があります。 "css（property、name）"関数を使用しようとしましたが、機能しませんでした。 私の誤解はどこにあり、必要な結果を得るには？

var showText = function(who, str) { 
    if (str !== "") { 
    var colorWho = who.name; 
    colorWho.css("color", "gray"); 
    $("#storyBoard").append("<br>" + colorWho + ": " + str + "<br>"); 
    var element = document.getElementById("storyBoard"); 
    element.scrollTop = element.scrollHeight; 
    } 
}; 

Answer 1

あなたは

Fiddle

CSS

p > span {   /* If you're going to take this to a larger environment, you may want to use classes instead */ 
    color:gray; 
} 

JS行く

var showText = function(who, str) { 
    if(str !== ""){ 
    var colorWho = who.name; 
    $("#storyBoard").append("<p><span>"+colorWho + "</span>: " +str+ "<p>"); 
} 

}; 

var obj = { 
    name : "Preacher", 
} 

showText(obj, "Is an awesome comic book !"); 

Answer 2

これは必要なものですか？ここで

$("#storyBoard").append("<br><span style='color:gray;'>" + colorWho + "</span>: " + str + "<br>");