Jquery：对等效类的出现次数

Question

这是一个简短的问题。

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

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

如何根据他们的Occurance为班级编号？

例如，

如果我将鼠标悬停在 Sweet 上，则应提示1。同样，如果我将鼠标悬停在 Nice 上，则应提醒3。

先谢谢

Answer 1

您可以使用index()函数执行以下操作。

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

Answer 2

使用index()：

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

工作代码段

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 3

使用index方法和mouseenter事件

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

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

});