onscroll功能，如果孩子得到了一个类，那么也为父母添加一个类

Question

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

在我写的">第二节"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"我相信它会给出所需的结果。