مشکل در انتخاب المنتهای هم سطح

سلام دوستان.

در کد زیر میخوام وقتی رو کلاس child کلیک میشه اول کلاس father که child متعلق به اون هست انتخاب بشه و بعد همه کلاسهای father که هم سطح هستند انتخاب بشن یعنی غیر از این هم سطحها هر جای دیگه ای مثل سطح بالاتر کلاس father بود انتخاب نشه.

<div class="father">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child">
        <div class="father">
            <div class="child"></div>
            <div class="child"></div>
            <div class="child"></div>
        </div>
        <div class="father">
            <div class="child"></div>
            <div class="child"></div>
            <div class="child"></div>
        </div>
        <div class="father">
            <div class="child"></div>
            <div class="child"></div>
            <div class="child"></div>
        </div>
    </div>
</div>

تا اینجای کد رو نوشتم ولی بعدشو نمیدونم:

$('.child').click(function () {
                const parentClass = $(this).parent();
               });

لطفاً راهنمایی کنید، متشکرم.