在 Wordpress DOM 中选择父元素

Question

我有 DIV 包装器，我想使用子元素将其切换 class。然而 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

像这样的东西应该有用，它对 select parent 的正确 class 名称和用于切换 parent 的 child 很重要]

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>

在 Wordpress DOM 中选择父元素

Selecting parents slements in DOM in Wordpress

javascript

wordpress

jquery-selectors