javascript - 当我将鼠标悬停在它的子 div 元素上时，我可以隐藏父 div 吗？

Question

当我将鼠标悬停在其中的一个 div 上时，有没有办法隐藏父 div。

<div class="parent" style="width:500px; height:800px;">
<div class="child" style="width:250px; height:250px; margin:250px auto 0 auto;">
</div>
</div>

我想将鼠标悬停在子元素上，使父元素和子元素都消失。

如果有使用 jquery/javascript 的方法，请告诉我。

我有 4 个父 div 和它们各自的子 div，当我将鼠标悬停在另一个父 div 上时，隐藏的 div 会重新出现。

Answer 1

你可以使用 mouseenter 事件，然后像这样隐藏最近的父节点

$('.child').on('mouseenter',function(){
    $(this).closest('.parent').hide();
});

DEMO