获取先前选择的列表项索引并与当前进行比较

时间:2017-07-26 17:01:55

标签: javascript jquery list indexing items

我有一个列表作为旋转木马的分页点。每个选定的项目都会添加一个选定的类,我可以轻松获取该列表项的索引。

我需要能够将当前选定的列表项索引与先前选择的列表项索引的索引进行比较,以便我可以确定是否需要向它们添加任何动画。

理想情况下,我希望能够做到以下几点

if(currentIndex > 3 && currentIndex > oldIndex)
{do stuff}

1 个答案:

答案 0 :(得分:0)

创建一个存储旧索引的变量。选择下一个项目时,使用该变量的值来执行所需操作。完成后,将新位置分配给变量。当用户再次选择时,这将是旧索引。

我不知道你的代码,所以我希望你理解:

var oldIndex = -1; // -1 indicates that the user hasn't yet selected any item
$('.all-the-items').click(function () {
  var currentIndex = $(this).index();
  if (oldIndex === -1) {
    // the user has selected for the first time
  } else {
    // oldIndex holds the old index, currentIndex holds the current index
    // do stuff with oldIndex and currentIndex
    if(currentIndex > 3 && currentIndex > oldIndex) {
      // ...
    }
  }
  oldIndex = currentIndex; // set the old index to the current index
});