2012-08-26 48 views
0

頁面滾動到頁面中我有10個元素具有相同的類名時與同級別的下一個元素:獲取與jQuery

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

我試圖做的是 - 去下當頁面滾動時,類爲「simpleclass」的元素。這意味着第一次當我滾動頁面時,我需要在頁面上獲得第二個帶有「simpleclass」類的引用等等。有沒有人能幫我弄清楚如何實現這一點?

謝謝。

回答

0

跟蹤當前span創建一個全局變量:

var currentSpan = 1; 

然後,每當滾動頁面時,你可以得到下一個span並增加currentSpan變量:

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

請注意,當第一次滾動後,滾動事件觸發您的'span'變量將是'undefined'。 – undefined

0

手工工藝:) 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+')')); 
})​