javascript - 一个按钮添加事件为什么没有反应

Question

<p  id="act">
    <p  id="p0">页面顶部</p>
    <p  id="p1">水资源现状 </p>
    <p  id="p2">重大水污染事故</p>
    <p  id="p3">我们的责任</p>
</p>

    
$(function(){
var arr_y=[100,200,300,400];

    $(window).scroll(function(){
                var top=$(this).scrollTop();
                for(var i in arr_y)
                if(top>=arr_y[i])
                $("#act>p").eq(i).css("opacity",1).siblings().css("opacity",0.5);
    
                });
})
希望随着鼠标滚动，四个元素的透明度会轮流变化，

问题是永远只有$("#act>p").eq(1)有反应，其他几个元素都没有反应？求解答

Answer 1

$("#act>p").eq(i).css("opacity",1).siblings().css("opacity",0.5);

语法基础啊