Javascript 如果某个类是真的，如何在div中使用一个类而不是另一个类？ 想知道在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>

var currentUser=new chatR.user（@Html.Raw（Json.Encode（Model））；

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

用jquery试试这个：

  <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>
<script>
      var currentUser = new chatR.user(@Html.Raw(Json.Encode(Model)));
      if(currentUser == "yourUser"){
           $('.bubble2').addClass('bubble1').removeClass('bubble2');
      }
</script>

var currentUser=new chatR.user（@Html.Raw（Json.Encode（Model））；
如果（currentUser==“yourUser”）{
$（'.bubble2'）.addClass（'bubble1'）.removeClass（'bubble2'）；
}

两个选项：

条件逻辑内部视图

<div class="@(@Model.CurrentUser == @Model.UserName ? "bubble1" : "bubble2")">

标记：

<div class="@Model.BubbleClass"/>

参考此

---

你做了什么尝试？这是相对可研究的。你需要一个

if

语句和一些javascript来更改div的显示。。。我知道如何写if语句。。。然而，问题是在页面的正文部分做这件事…仅供参考，我真的很讨厌这个网站上的javascript社区。。。总是-1我的每一个问题，该网站的重点是提出问题。我喜欢C#和它的其他部分…我不想问-1个问题，除非它真的需要，它对任何人都没有用处。这是问题的表达方式，只是问人们答案，而真正需要的只是一些温和的研究。如果你是新来的，仍然有问题，那么让人们知道你被困在哪里，这样你就可以学习。在meta上有很多关于如何组织问题的帖子，这是论坛的礼貌。只要我的问题得到回答，我无论如何都不在乎-整天……态度很差。礼仪和规则的存在是有原因的。我无法做到这一点，但我不经常使用ASP.NET，所以它可能只是我自己，但我更喜欢这种方式。

<div class="@Model.BubbleClass"/>

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