Jquery：同等级的出现次数

Question

这是一个简短的问题。

如果我有相同的类名多个div：

<div class="apple">Sweet </div> 
<div class="apple">Healty </div> 
<div class="apple">Nice </div> 

我怎么能根据他们的次数编号类？

例如

如果我悬停在甜，1应该被警告。同样，如果我将鼠标悬停在尼斯上，应该提醒3。

由于提前

Answer 1

使用index方法和mouseenter事件

$(".apple").mouseenter(function(){ 

    alert($(this).index() + 1); 

}); 

Answer 2

你可以像下面使用index()功能。

$('.apple').hover(function(){ 
    alert($(this).index()+1); 
}); 

Answer 3

使用index()：

$('.apple').hover(function(){ 
    alert($(this).text() + " " + $(this).index()) 
}); 

工作摘录

$('.apple').hover(function(){ 
 
    alert($(this).text() + " " + $(this).index()) 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="apple">Sweet </div> 
 
<div class="apple">Healty </div> 
 
<div class="apple">Nice </div>