點擊後，從另一個div中添加/刪除類

我正在尋找按下鏈接時從另一個div添加/刪除類。我已經搜索了幾個答案並在網上搜索，但無法找到適合我的答案。點擊後，從另一個div中添加/刪除類

這裏是我的代碼：

<nav id="primary-menu"> <a class="menu-toggle">Browse</a> 
    <ul> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">News</a></li> 
     <li><a href="#">Rumors</a></li> 
     <li><a href="#">Tutorials</a></li> 
     <li><a href="#">Miscellaneous</a></li> 
    </ul> 
</nav> <!-- end #primary-menu -->

我尋找到類active添加到#primary-menu點擊.menu-toggle時。

對於JS/jQuery的，我已經試過click，toggle，toggleClass，我已經試過內聯的代碼，我試過外部腳本。似乎沒有任何工作，我不知道爲什麼。

我真的很感謝你的迴應。 PS：我不是最好的JS/jQuery。

來源

2015-03-08 Connor

SO其中是jquery/js的代碼？ – 2015-03-08 20:50:18

@u_mulder我沒有包含來自我的頁面的所有代碼，但是我確實包含了jQuery庫。 – Connor 2015-03-09 03:35:38

@Connor：雖然你有權選擇任何你認爲正確的答案，但優先選擇那些先回答的答案並且他們也是正確的。 Alexandander的答案和我的工作一樣好，但是如果他們不適合你，這可能是因爲'.on（）'方法需要jQuery v1.7 +，並且您可能會使用舊版本。只是爲了記錄。 – JFK 2015-03-09 15:46:12

http://jsfiddle.net/te7brkmj/
的 '點擊' 和「toggleClass的作品對我來說這個組合。

$('.menu-toggle').click(function() { 
    $("#primary-menu").toggleClass("someClass"); 
});

試試這個：

$('.menu-toggle').click(function() { 
 
    $("#primary-menu").toggleClass("someClass"); 
 
});

.someClass{ 
 
    color: red;  
 
}


 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 

 
<nav id="primary-menu"> 
 

 
<a class="menu-toggle">Browse</a> 
 

 
    <ul> 
 

 
     <li><a href="#">Home</a></li> 
 
     <li><a href="#">News</a></li> 
 
     <li><a href="#">Rumors</a></li> 
 
     <li><a href="#">Tutorials</a></li> 
 
     <li><a href="#">Miscellaneous</a></li> 
 

 
    </ul> 
 

 
</nav> <!-- end #primary-menu -->

來源

2015-03-08 20:55:10

結束了工作，謝謝！ – Connor 2015-03-09 03:33:41

你可以做

$(".menu-toggle").on("click", function(){ 
    $(this).parent("#primary-menu").toggleClass("active"); 
});

注意：.on()需要的jQuery V1.7 +

來源

2015-03-08 20:51:40 JFK

首先確保已加載jQuery的。然後嘗試這樣的事：

$(document).ready(function() { 
     $("li").click(function() { 
      $("#primary-menu").toggleClass("active"); 
     }); 
    });

來源

2015-03-08 20:55:25 shmuli

我不知道如果我理解你的問題，但我想你問過類似的問題作爲this..Check了下面的鏈接，你可以通過文件得到的類名。 getElementsByClassName（'Class name'）。

Remove class from elements in pure Javascript?

來源

2015-03-08 20:55:58 Sid

點擊後，從另一個div中添加/刪除類

回答

相關問題