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，我想知道这个类是页面上的第3个类。我不想添加任何其他信息，如data-id或id标签。我怎么能用jQuery做到这一点？我知道我可以使用.length获得找到类的总时间，但这就是它。

Answer 1

您应该使用.index()：

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

DEMO： http://jsfiddle.net/gdcQv/