javascript - 在页面上为所有相同类型的类编号

假设我们有以下代码：

<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);
});

最佳答案

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

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

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

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

});

FIDDLE