jQuery选择类

Question

我正在尝试创建某种无限滚动页面，该页面是显示的项目是静态的：无。我曾尝试使用jQuery在滚动时逐项显示项目，但它不起作用，我不确定为什么，请尽可能帮助。

这是我到目前为止写的脚本：

functionyHandler(){  
    var wrap=document.getElementById('outer-1'); 
    var contentHeight=wrap.offsetHeight;  
    var yOffset=window.pageYOffset;  
    var y=yOffset + window.innerHeight;  
    if(y>contentHeight){ 
        $('#load-area').first(':hidden').removeClass('hide'); 
    }  
}
window.onscroll=yHandler;

我的目的是在滚动时逐一删除“隐藏”类1，意思是每次都选择第一个隐藏的孩子。

Answer 1

只需组合选择器，first不会将选择器作为参数

虽然，但您使用的是多个ID？这不起作用，因此您需要使用load-area类，然后执行：

$(".load-area:hidden:first");

作为最后的手段，如果您无法控制标记并且没有可以使用的类，那么这将适用于多个ID：

$("[id='load-area']:hidden:first");

Answer 2

非常简单，只需：

$('#load-area.hide:eq(0)').removeClass('hide'); 

找到第一个用class＆＃39; hide＆＃39; ＆安培;从该元素中删除类。

- HappyCoding

Answer 3

  $('.load-area:hidden:first');

使用class而不是ID。 Jquery代码。