我可以給一個jQuery變量一個類，然後改變該類的字體顏色

Question

因此，當我追加那個總是一個單詞但與其他單詞的字符串中的某個變量時，它將是一個不同的顏色。

但尋找方法來最後5小時... ... :(

咖啡文件

App.room = App.cable.subscriptions.create "RoomChannel", 
     connected: -> 
     # Called when the subscription is ready for use on the server 

     disconnected: -> 
     # Called when the subscription has been terminated by the server 

     received: (data) -> 
     $('#messages').append data['message'] 


     speak: (message) -> 
     @perform 'speak', message: message 



    $(document).on 'keypress', '[data-behavior~=room_speaker]', (event) -> 
     if event.keyCode is 13 # return/enter = send 
     App.room.speak(name + ":" + event.target.value) 
     event.target.value = '' 
     event.preventDefault() 

JS文件

$(document).ready(function(){ 
     $("#user_button").on('click', function(e){ 
     e.preventDefault(); 
     name = $("#username").val() 
     $('#chat-input').show(); 
     $('#chat-username').hide(); 
     }); 

我想的名字變量是做到這一點不同的顏色

Answer 1

案例1：如果您的用戶名包含在其他['na我']然後做像下面

received: (data) -> 
    $('#messages').append data['message'],'<span style=\'color:red\'>' + other['name'] + '</span>' 

2種情況：如果它包含的信息，然後用風格存儲

name_with_color = '<span style=\'color:red\'>' + name + '</span>' 
    App.room.speak(name_with_color + ":" + event.target.value)