javascript - jQuery:查找页面上类的出现/位置

Question

我正在尝试查找页面上单击的类的出现/位置。

HTML:

<div class="myclass"></div> <!-- OCCURENCE #1 -->
<div class="myclass"></div> <!-- OCCURENCE #2 -->
<div class="myclass"></div> <!-- OCCURENCE #3 -->
<div class="myclass"></div> <!-- OCCURENCE #4 -->
<div class="myclass"></div> <!-- OCCURENCE #5 -->
<div class="myclass"></div> <!-- OCCURENCE #6 -->

jQuery:

$('.myclass').click(function(event) {


    //OUTPUT 'This class is the X one on the page'

});

例如，如果我单击类出现 #3，我想知道该类是页面上的第三个类。我不想添加任何其他信息，例如 data-id 或 id 标签。我怎样才能使用 jQuery 做到这一点？我知道我可以使用 .length 获得找到该类的总时间，但仅此而已。

Answer 1

您应该使用.index() :

$(".myclass").click(function(e) {
    var index = $(".myclass").index(this) + 1;
});

演示: http://jsfiddle.net/gdcQv/