如果一個元素有一個特定的類做的另一件

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可能會覆蓋您期望的行爲

要獲得更確切的回答，你需要問一個更確切的問題。