如何在Jquery中隐藏外部父母

Question

下面是我的代码,我的目标是当用户点击<a>'child_2'时,我想隐藏$(this)class ="parent".我怎样才能做到这一点？

<div class="parent">
    <div class="child_1">
    </div>

    <div class="child_2">
        <div>
            <ul>
                <li><a href="#">Click Me</a></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>

    <div class="child_3">
    </div>

</div>

Answer 1

使用 closest

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

对于集合中的每个元素,通过测试元素本身并遍历DOM树中的祖先来获取与选择器匹配的第一个元素.