jquery - 如何仅对单击的节点进行切换类

Question

我有一个表在一段时间循环后切换了 .parent 的行。我的 JS 在下面，如您所见，我也想要toggleClass该.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');

至：

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

Answer 2

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

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

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

    })
});