javascript - 如何添加鼠标悬停事件的索引？

Question

我有两个列表。我在鼠标悬停时获取列表项的索引。例如 A 有 0 个索引。B 有 1 个索引。但我想添加换句话说，如果用户将鼠标悬停在第二个列表 A 上，则索引。它给出输出 9 而不是 0..

我第一次在第二个列表上得到0。如果用户将鼠标悬停在第二个列表上，我希望它添加第一个列表的长度。

这是我的代码 https://jsfiddle.net/e46atunm/1/

$(function() {
  $('#main-menu li').on({
    mouseenter: function() {
      console.log("mouse over: " + $(this).index())
    },
    mouseleave: function() {
      console.log("mouse leave: " + $(this).index())
    }
  });
})

Answer 1

使用 $(selector).index() 的简单情况 index() 仅索引同级。

您还可以使用 $(collectionSelector).index(element) 在您定义的集合中建立索引:

var $li =  $('#main-menu li').on({
    mouseenter: function() {
      console.log("mouse over: " + $li.index(this))
    },
    mouseleave: function() {
      console.log("mouse leave: " + $li.index(this))
    }
  });

DEMO