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

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 5 年前。

Improve this 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:如果您的用户名包含在 other['name'] 中，则按如下操作

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 )