jquery - 如何在 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 树中的祖先来获取与选择器匹配的第一个元素。

Answer 2

您可以使用此行：$('.child_2 a').click(function() {$(this).parent().hide()});

这是一个有效的JSFiddle

这将隐藏您单击的任何链接的父元素。