如果一个元素有一个特定的类做的另一件

Question

上......我有jQuery的.hasClass方法的问题。

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

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

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

但是当我测试此代码没有工作...... 我怎么能解决这个问题？

Answer 1

试试这个：

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

你可以改变菜单中的事件相关联。

Answer 2

只有CSS：

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

Answer 3

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

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

Answer 4

您的代码看起来是不错，但您所遇到的问题可能是由于一个或多个以下：

• 你可能会丢失包括jQuery的（包括它使用script如果标签的话）
• 你可能有一个错误在控制台（修复它如果是的话）
• 您的代码可能具有showclass创建或前您的标记之前执行class被添加到该标签
• 的showclass可能被添加到另一个标签
• 您可能希望覆盖background-color代替color
• 另一个JavaScript可能会覆盖您期望的行为

要获得更确切的回答，你需要问一个更确切的问题。