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

我想在按下按钮后更改最近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>

现在，我的目标是找到类为：

的最近的div。未激活

，并在按下带有class:

导航的超链接后更改该类

我使用jQuery使用以下代码进行了尝试：

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

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

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

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

JSFiddle
什么是
navigatie
？类
navigatie
没有任何元素，您有一个输入错误。。应该是
navigation
而不是
navigate
使用
$（this）.最近（'.wrapper'）。查找（'.not_active'）。切换类（'active'）
instead什么是
navigatie
？类
navigatie
中没有任何元素，您有一个输入错误。。应该是
navigation
而不是
navigate
使用
$（this）.最近（'.wrapper'）。查找（'.not_active'）。切换类（'active'）相反哦，真的。该死的xd哈哈。但这样写下来还是最好的方式吗？有没有更好的方法来写下它而不是使用parent（）等？哦，真的。该死的xd哈哈。但这样写下来还是最好的方式吗？有没有更好的方法来写下它而不是使用parent（）等？
$(function () {
  $('.navigatie a').click(function () {             
    $(this).parent().parent().find('.not_active').toggleClass('active');
  });
});