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>