悬停按钮的jQuery索引

Question

我不知道为什么我不能解决这个问题......我一直这样做。必须有一个“星期一时刻”。但是，基本上，这就是我所拥有的：

$('#nav ul li a').hover(hoverOn, hoverOff); 

function hoverOn (evt) {
    //how do I get the index of which button was hovered (from the jQuery group)?
}

我的代码如下所示：

<div id="nav">
<ul>
<li><a href="#" id="index">Home</a></li>
<li><a href="#" id="about">About Us</a></li>
<li><a href="#" id="services">Services</a></li>
<li><a href="#" id="resources">Resources</a></li>    
<li><a href="#" id="contact">Contact</a></li>
</ul>
</div>

Answer 1

hoverOn (evt){
    var index = $(this).parent().index();
}

Answer 2

如果您的元素是<a>，那么您需要获取父<li>索引：

var idx = $(this).parent().index()