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>