javascript - 如果情况属实，如何在 div 中使用一个类而不是另一个类？

Question

如果 HTML 文件正文中的某些条件为真，您知道如何在 div 中使用一个类而不是另一个类吗？

这是我想要做的一些示例代码:

          <div id="chat-list" class="uk-list" data-bind="foreach: messages">

           <div class="bubble2" data-uk-tooltip title="chat-listitem-timestamp">

                <h4 class="chat-listitem-username" data-bind="text: username"></h4>
                <p class="chat-listitem-message" data-bind="html: content"> </p>
           </div>
          </div>
<script>
                    var currentUser = new chatR.user(@Html.Raw(Json.Encode(Model)));
</script>

如果 currentUser 等于用户名，我想使用 bubble1 类而不是 2？

Answer 1

引用此fiddle

  function ChangeClass(){
        if ($("#userName").html()=="UserName"){
        $("#userName").addClass("bubble1");
            $("#userName").removeClass("bubble2");
        }
        else{
         $("#userName").addClass("bubble2");
            $("#userName").removeClass("bubble1");
        }
    }