獲取當前指數的jQuery

Question

嗨，我是使用 http://snook.ca/archives/javascript/simplest-jquery-slideshow 所以基本上代碼，我現在做了一個腳本

$(function(){ 
$('.fadein img:gt(0)').hide(); 
setInterval(function(){ 
    $('.fadein :first-child').fadeOut() 
    .next('img').fadeIn() 
    .end().appendTo('.fadein'); 
    }, 
    6000); 

}); 

我不知道是否有可能得到，顯示在當前圖像的索引無論如何？

Answer 1

該腳本的工作方式是，它會一直移動DOM元素的位置，以便您當前的img始終爲索引0，而下一個img始終爲索引1.如果您想知道原始順序中的索引，您需要在幻燈片腳本運行之前存儲該數據：

$(function() { 
    $(".fadein img").each(function (i, el) { 
     $(el).data('index', i); // Store the index on the IMG 
    }); 

    $('.fadein img:gt(0)').hide(); 

    setInterval(function(){ 
     $('.fadein :first-child').fadeOut() 
     .next('img').fadeIn() 
     .end().appendTo('.fadein'); 

     // Get the original index of the first img in the current show 
     alert($('.fadein :first-child').data('index')); 
    }, 6000); 
}); 

Answer 2

您可以使用.index()來達到這個目的。