通过搜索最近的类来更改类

Question

我想在按下按钮后更改我最近的div的类。让我通过展示一些代码来更清楚。我有以下HTML：

<div class="wrapper">
  <div class="title">
        <div class="aa">-</div>
            <div class="ab">-</div>
            <div class="ac">-</div>
            <div class="navigation">                                
                    <a href="#" class="test">Test link</a>
            </div>
  </div>
  <div class="content not_active">
    <p>
    Text
    </p>
  </div>
</div>

使用以下CSS：

.active{
  display:block;
}
.not_active{
  display:none;
}

现在我的目标是找到具有类.not_active的最近div，并在按下带有类navigation的超链接后更改该类。

我用jQuery用以下代码尝试了它：

$(function () {
  $('.navigatie a').click(function () {             
    $(this).parent().parent().find('.not_active').toggleClass('active');
  });
});

但没有成功。我做错了什么？

JSFIDDLE DEMO

Answer 1

这是因为您使用.navigatie类而不是.navigation。

Here JSFiddle。