addclass nicht erfolgreich implementiert

Question

$(document).ready(function() { 
    $('.slash-menu nav').click(function(){ 
     $('.slash-menu nav').addClass('active'); 
    }); 

});

Nach dem JQuery wird diese → ausgeführt

<nav class="slash-menu"></nav> 

dieses →

<nav class="slash-menu active"></nav> 

werden sollte Aber dies geschieht nicht.

Source of my Learning.

Answer 1

1. Selektor ist falsch. .slash-menu nav bedeutet Element mit Klasse slash-menu finden Kind nav. basierend auf Auszeichnungs html sollte slash-menu
2. Nutzung diesem Zusammenhang

$(document).ready(function() { 
 
    $('nav.slash-menu').click(function() { 
 
    $(this).toggleClass('active'); 
 
    }); 
 
});

.active { 
 
    color: red 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<nav class="slash-menu">red</nav> 
 
<nav >not red</nav>

Answer 2

es ist, weil Ihre Wähler für eine <nav> Element innerhalb .slash-menu suchen - Ziel wie folgt aus:

$('nav.slash-menu').click(function() 
{ 
    $(this).addClass('active') 
})