получить текущий индекс 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() именно для этой цели.