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/