根据选择显示div

Question

我有以下http://jsbin.com/useqa4/10

我的问题是：在子菜单中，我使用以下

悬停了一些li元素

$(".submenuList li").hover(function () {
  $(".submenuCurrent").removeClass("submenuCurrent");
  $(this).addClass("submenuCurrent");
  });

当我翻转任何这些正确的部分时，我想要更改并显示特定的div。

例如：

• 为第一个li div #prasentRight

• 第二个li为div #elitRight

• 为第三个李div #suspendisseRight

• for the div li the div #laoreetRight

我的困难在于我不知道如何获得.submenuList li

的当前索引

任何帮助？

Answer 1

我认为这应该有效：

$('submenuList li').hover(
  function(){
    var thisIndex = $(this).index();
    $(this).attr('title',thisIndex);
  });

显示元素demo at JS Bin的title属性中悬停列表项的当前索引。