如何使用jquery切换到下一个父行？

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>

<div class="parent-row">
    <div class="child-row">子行1</div>
    <div class="child-row">子行2</div>
    <div class="child-row">子行3</div>
</div>
<div class="parent-row">
    <div class="child-row">子行4</div>
    <div class="child-row">子行5</div>
    <div class="child-row">子行6</div>
</div>

$(document).ready(function() {
    $('.child-row').click(function() {
        $(this).closest('.parent-row').next('.parent-row').addClass('active');
        $(this).closest('.parent-row').removeClass('active');
    });
});

.parent-row.active {
    background-color: yellow;
}