JQuery: номер пробега эквивалентного класса

Question

Это короткий вопрос.

Если у меня есть несколько дивов с таким же именем класса:

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

Как я могу сосчитать класс по их вхождению?

Для примера,

Если я парить над Сладкий, 1 должны быть предупреждены. Аналогично, если я нахожусь над Nice, 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()) 
}); 

Рабочая Snippet

$('.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>