如何切換類只有被點擊的節點

Question

我有一個表在一段時間循環後切換了.parent的行。我的JS在下面，正如你所看到的，我也想切換.parent元素的類，這樣當我點擊它時，標題行可以被突出顯示。但是對於當前的代碼，所有.parent節點在單擊時切換類。我怎樣才能改變這個，所以只有點擊切換的.parent？

<script type="text/javascript"> 
$(document).ready(function() { 

    $(".child").hide(); 

    function getChildren($row) { 
     var children = []; 
     while ($row.next().hasClass('child')) { 
     children.push($row.next()); 
     $row = $row.next(); 
     } 
     return children; 
    } 

    $('.parent').on('click', function() { 

     $('.parent').toggleClass('td-active'); 

     var children = getChildren($(this)); 
     $.each(children, function() { 
     $(this).toggle(1000); 

     }) 
    }); 

}) 
</script> 

Answer 1

$('.parent').toggleClass('td-active'); 

TO：

$(this).toggleClass('td-active'); 

Answer 2

$('.parent').on('click', function() { 

    $(this).toggleClass('td-active'); 

    var children = getChildren($(this)); 
    $.each(children, function() { 
     $(this).toggle(1000); 

    }) 
});