检查最后一个div并更改单击处理程序jQuery

Question

我在变量中有7个div，我在单击按钮时循环显示。一旦我到达最后一个div，我想更改按钮的单击处理程序。

我的问题是找到最后一个div。我知道有办法做到这一点，div.last（）;但我的问题是每当我找到div那样，并用if语句检查。我的改变不起作用。

我有两个功能：

function Progress() {
  //Cycle through divs
  $('#next').on('click', function() {
    i = (i + 1) % divs.length;
    divs.fadeOut().eq(i).fadeIn().addClass('transition-in');
 }
}

function SendForm() {
  //Send the form
}

这成功地循环，但一旦到达结束就会继续。我正在考虑做一些事情：

if(lastDiv) {
  SendForm();
}

else { 
 Progress(); 
}

当然我试过了，但它没有用。任何帮助表示赞赏。

Answer 1

像这样......

function Progress() {
  //Cycle through divs
  $('#next').on('click', function() {
    i = (i + 1) % divs.length;
    if(i == divs.length){
      sendForm();
    }else{
      divs.fadeOut().eq(i).fadeIn().addClass('transition-in');
    } 
  }
}