如何在Jquery中隐藏外部父母

Question

以下是我的代码，我的目标是当用户点击{child}＆＃39;中的<a>时，我想隐藏$（this）class =＆＃34; parent＆＃34 ;。我怎样才能做到这一点？

<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

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