javascript - 使用jQuery在页面滚动期间获取具有相同类的下一个元素

Question

在一个页面上，我有 10 个具有相同类名的元素：

<span class="simpleclass">text</span>

我想要做的是 - 滚动页面时转到类“simpleclass”的下一个元素。这意味着，当我第一次滚动页面时，我需要在页面上使用“simpleclass”类获取对第二个跨度的引用等。有人可以帮我弄清楚如何实现这一点吗？

谢谢。

Answer 1

手工艺:) http://jsfiddle.net/TK3dd/7/

$(window).on('scroll', function(){
    var length = $('.simpleclass').length;
    var off = $('.simpleclass').css('height').replace('px','');
    var _tmp = Math.ceil(Math.abs(window.scrollY)/parseInt(off));
    _tmp = _tmp > (length-1) ? (length-1) : _tmp;
    console.log( $('.simpleclass:eq('+_tmp+')') );
})​

Answer 2

创建一个用于跟踪当前的全局变量span：

var currentSpan = 1;

然后，无论何时滚动页面，您都可以获得下一个span并增加currentSpan变量：

$(window).scroll(function() {
    var span = $("span.simpleclass").eq(currentSpan);
    currentSpan++;
});