addclass没有成功实现

Question

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

}）;

执行Jquery之后→

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

应该成为这个→

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

但这种情况并没有发生。

Source of my Learning.

Answer 1

它是因为您的选择器正在<nav>内寻找.slash-menu元素 - 目标如下：

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

Answer 2

1. 选择器错了。 .slash-menu nav表示类slash-menu找到子导航的元素。基于html标记应该是带有类slash-menu
的元素导航
2. 使用此上下文
＆＃13;
＆＃13;
$(document).ready(function() {
  $('nav.slash-menu').click(function() {
    $(this).toggleClass('active');
  });
});
＆＃13;
.active {
  color: red
}
＆＃13;
<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>
＆＃13;
＆＃13;
＆＃13;