如何在鼠标悬停事件上添加索引？

Question

我有两个列表。我在鼠标悬停时得到列表项的索引。例如A有0个索引。B有1个索引。但是我想添加索引换句话说用户鼠标悬停在第二个列表A .it上，输出9不是0 ..

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

这是我的代码

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

Answer 1

使用index()的{​​{1}}的简单情况只是索引兄弟姐妹。

您还可以使用$(selector).index()定义您定义的集合中的索引：

$(collectionSelector).index(element)

的 DEMO

Answer 2

我认为这可以起作用

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