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

Change class by searching for the closest class

本文关键字：搜索 最接近      更新时间：2023-09-26

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

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

这里是JSFiddle。

相关文章：