在 Wordpress 中选择 DOM 中的父元素

Question

我有 DIV 包装器，我想使用子元素来调整类。然而 DOM 三个并不是最好的：

<div class="wrapper-I-want-to-toogle-class">
   <div class="other-class">
      <div class="other-class">
         <span class="element-I-want-to-triggle-toogle-class">X</span>
      </div>
   </div>
</div>

如何做到这一点？ 我已经尝试过使用：

$(this).parents(".wrapper").classList.toogle('active');

然而 wordpress 并没有真正允许使用这样的功能。 你能帮帮我吗？

Answer 1

这样的事情应该可以工作，重要的是选择正确的父类名称，以及用于切换父类的子类

jQuery(function(){
  jQuery('.target').click(function(){
    jQuery(this).parents(".wrapper").toggleClass('active');
  })
})

.wrapper{
  display:block;
  height:20px;
  background:#CCC;
}
.wrapper.active{
  height:150px;
}
.target {
 float:right;
 display:flex;
 background:#EEE;
 color:#666;
 border:1px solid #aaa;
 width:20px;
 height:20px;
 justify-content:center;
 align-content:middel;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wrapper">
   <div class="other-class">
      <div class="other-class">
         <span class="target">X</span>
      </div>
   </div>
</div>