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：如果您的其他['名称']中包含用户名，请执行以下操作

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

案例2：如果它包含在Message中，则以样式存储

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

我可以给一个类的jQuery变量然后更改该类的字体颜色

1 个答案: