(Socket.IO)如何在用户列表中为当前用户的用户名添加类?

时间:2018-03-15 23:53:33

标签: javascript socket.io

基本上我正在开发一个聊天室应用程序,我正在使用forEach列出会议室中的所有用户,我如何只向当前用户的用户名添加一个类?

代码

socket.on('updateUserList', function(users) {
  var ul = $('<ul class="ul-unstyled"></ul>');

  users.forEach(function(user) {
    ul.append($('<li class="userlist__item"></li>').text(user));

    if(users.length <= 1) {
      $('#counter').text(users.length + " Member");
    } else {
      $('#counter').text(users.length + " Members");
    }
  });
  $('#users').html(ul);
});

感谢。

1 个答案:

答案 0 :(得分:0)

您必须拥有当前用户名的ID或唯一标识符(例如ID)

    var id = myid; //(e.g. current user id)
    socket.on('updateUserList', function(users) {
      var ul = $('<ul class="ul-unstyled"></ul>');

      users.forEach(function(user) {
        //If current user is equal to current id
        if(user.id == id){
         ul.append($('<li class="userlist__item YOUR_CURRENT_USERNAME CLASS"></li>').text(user));
        } else {
         ul.append($('<li class="userlist__item"></li>').text(user));
        }
        if(users.length <= 1) {
          $('#counter').text(users.length + " Member");
        } else {
          $('#counter').text(users.length + " Members");
        }
      });
      $('#users').html(ul);
    });