如果一个元素有一个特定的类，那就做另一个元素

Question

我在jquery中有.hasClass方法的问题。

例如，当我的div类.show元素存在时，我希望我的菜单按钮颜色变为红色。

所以我编写了这段代码来解释这个解决方案

 if ($(".navbar-collapse").hasClass("show"))
    $(".menuIcon").css("color", "red");

但是当我测试时，这段代码不起作用...... 我该如何解决这个问题？

Answer 1

你的代码是完全正确的，它应该有效。只要确保
 1-你的jquery库是存在的并且是coreectly加载的  2-页面中存在与您的代码关联的样式并且为真  3-包含$(document).ready(function(){ });内的代码，以确保在代码执行之前加载样式。

$(document).ready(function(){
     if ($(".navbar-collapse").hasClass("show")){
         $(".menuIcon").css("color", "red");
      }
});

Answer 2

试试这个：

maplist/3

您可以将其与更改菜单的事件相关联。

Answer 3

仅限css：

.navbar-collapse.show {
    color:red!important; 
}

Answer 4

您的代码看起来没问题，但您遇到的行为可能是由于以下一项或多项原因造成的：

• 您可能缺少包含jquery（如果是这样，请使用script标记包含它）
• 您的控制台可能有错误（如果是，请修复）
• 您的代码可能会在创建show class的代码之前或show class添加到代码之前执行
• show class可能会被添加到另一个标记
• 您可能希望覆盖background-color而不是color
• 另一个javascript可能会覆盖您想要的行为

要获得更准确的回复，您需要提出更确切的问题。