javascript - 对页面上相同类型的所有类进行编号

Question

假设我们有以下代码:

<a class="addproduct 151">product info</a>
<a class="addproduct 151">product info</a>
<a class="addproduct 151">product info</a>
<a class="addproduct 151">product info</a>
<a class="addproduct 151">product info</a>

我希望能够计算页面中有多少个相同的类。然后，在单击特定的一个时，它会告诉我它是哪一个...所以...如果我单击第三个，它将在控制台上打印“3”。

到目前为止我已经得到了这段代码:

$("addproduct 151").each(function(index) {
  $(this).addClass('number' + index);
});

Answer 1

您可以使用length和index来获取这些数字

var elems = $(".addproduct.151")

elems.on('click', function() {

    var total    = elems.length;
    var this_one = elems.index(this);

});

FIDDLE