javascript - 当同一个父类有多个 div 时，从子类中选择一个父类

Question

有四个具有相同类的父 div，它们都有一个子类为“child”。现在的问题是，假设我点击第一个父 div 的子 div(First Child)，我想对其父 div 产生一些影响，即仅影响“第一个父”。由于属于相似类，所有父 div 都将受到影响。 这是 HTML

<div class="parent"> //First Parent
   <div class="child"></div> //First Child
</div>
<div class="parent">
   <div class="child"></div>
</div>
<div class="parent">
   <div class="child"></div>
</div>
<div class="parent">
   <div class="child"></div>
</div>

这是 JQuery

$('.child').on('click',function(){
   $(this).parent('.parent').css({
      'display':'none';
   });
});

点击子元素会影响所有父类的“parent”。要么我可以给它们所有单独的类，然后为它们编写 onClick() 方法，但这不是一个合适的解决方案。

Answer 1

你可以做到

$(this).parent().hide(); 

如果你想隐藏被点击的div的父级