jquery - onscroll函数，如果 child 有一个类(class)，那么也为 parent 添加一个类(class)

Question

当 p 元素获得一个类时在窗口滚动，然后将另一个类添加到他的父标签。

在“second section”中我写的jQuery代码，这样我可以检查“p”标签的类状态并添加类到他的父“div”吗？

我不想在第一部分中编写任何其他代码。

$(window).scroll(function() {    
    var scroll = $(window).scrollTop();
    
    // first section
    if (scroll >= 300) {
        $("p").addClass("bgwhite");
    } else {
      $("p").removeClass("bgwhite");
    }
    
    // second section
    if( $("p").hasClass("bgwhite")){
      $(this).parent().addClass("headerGreen");
    }
    
    
});

body {
  background: #20262E;
  color:#fff;
  padding: 20px;
  font-family: Helvetica;
  min-height:1000px;
}

div {
  position:fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: red;
}

.bgwhite {
  background-color: #fff;
  color: #20262E;
}

.headerGreen {
  background-color: green;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
  <p>Hello</p>
  <p>World</p>
</div>

Answer 1

如果将 $(this).parent().addClass("headerGreen"); 中的 this 更改为 "p"我相信它会产生预期的结果。