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>

---

您可以使用

length

和

index

获取这些数字

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

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

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

});

---

您可以使用

length

和

index

获取这些数字

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

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

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

});

---

您可以使用

length

和

index

获取这些数字

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

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

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

});

---

您可以使用

length

和

index

获取这些数字

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

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

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

});

如果它有父项，请使用

索引（）

$('#parentDiv a').on('click',function(){
    var thisNumber = $(this).index();
    console.log(thisNumber);
});

如果它有父项，请使用
索引（）

$('#parentDiv a').on('click',function(){
    var thisNumber = $(this).index();
    console.log(thisNumber);
});

如果它有父项，请使用
索引（）

$('#parentDiv a').on('click',function(){
    var thisNumber = $(this).index();
    console.log(thisNumber);
});

如果它有父项，请使用
索引（）

$('#parentDiv a').on('click',function(){
    var thisNumber = $(this).index();
    console.log(thisNumber);
});

要回答您的问题，因为它最初的措辞是“如果我点击第三个”，我将其解释为第三个元素，该类在页面上的任意位置，而不管其父母是谁：

$('.product').on('click', function(e) {
  var products = $('.product').toArray();
  var id = products.indexOf(this);
  console.log(id);
})


注意：索引从0开始，因此如果要打印“3”，则必须打印索引+1
 要回答您的问题，因为它最初的措辞是“如果我点击第三个”，我将其解释为第三个元素，该类在页面上的任意位置，而不管其父母是谁：

$('.product').on('click', function(e) {
  var products = $('.product').toArray();
  var id = products.indexOf(this);
  console.log(id);
})


注意：索引从0开始，因此如果要打印“3”，则必须打印索引+1
 要回答您的问题，因为它最初的措辞是“如果我点击第三个”，我将其解释为第三个元素，该类在页面上的任意位置，而不管其父母是谁：

$('.product').on('click', function(e) {
  var products = $('.product').toArray();
  var id = products.indexOf(this);
  console.log(id);
})


注意：索引从0开始，因此如果要打印“3”，则必须打印索引+1
 要回答您的问题，因为它最初的措辞是“如果我点击第三个”，我将其解释为第三个元素，该类在页面上的任意位置，而不管其父母是谁：

$('.product').on('click', function(e) {
  var products = $('.product').toArray();
  var id = products.indexOf(this);
  console.log(id);
})


注意：索引从0开始，因此如果要打印“3”，则必须打印索引+1
 你为什么需要这个？您可以使用
eq（）
来确定元素的索引，或者使用DOM遍历来获取元素中的相关元素。增量标识符从来都不是最好的计划。哦，太好了，我现在正在学习，我以前不知道这一点。你能告诉我这段代码将如何寻找想要的结果吗？为元素添加一个点击处理程序，并放置
console.log（$（this.eq（））在其中。编号应该是页面范围还是在其直接父节点内？如果您试图在
a
元素和数据集之间创建关系，我建议使用，而不是根据元素在DOM中的偏移量来查找ID。例如：
产品信息
。然后在单击处理程序
varid=$（this.data（'id'）中获取该数据属性。为什么需要这个？您可以使用
eq（）
来确定元素的索引，或者使用DOM遍历来获取元素中的相关元素。增量标识符从来都不是最好的计划。哦，太好了，我现在正在学习，我以前不知道这一点。你能告诉我这段代码将如何寻找想要的结果吗？为元素添加一个点击处理程序，并放置
console.log（$（this.eq（））在其中。编号应该是页面范围还是在其直接父节点内？如果您试图在
a
元素和数据集之间创建关系，我建议使用，而不是根据元素在DOM中的偏移量来查找ID。例如：
产品信息
。然后在单击处理程序
varid=$（this.data（'id'）中获取该数据属性。为什么需要这个？您可以使用
eq（）
来确定元素的索引，或者使用DOM遍历来获取元素中的相关元素。增量标识符从来都不是最好的计划。哦，太好了，我现在正在学习，我以前不知道这一点。你能告诉我这段代码将如何寻找想要的结果吗？为元素添加一个点击处理程序，并放置
console.log（$（this.eq（））在其中。编号应该是页面范围还是在其直接父节点内？如果您试图在
a
元素和数据集之间创建关系，我建议使用，而不是根据元素在DOM中的偏移量来查找ID。例如：
产品信息
。然后在单击处理程序
varid=$（this.data（'id'）中获取该数据属性。为什么需要这个？您可以使用
eq（）
来确定元素的索引，或者使用DOM遍历来获取元素中的相关元素。增量标识符从来都不是最好的计划。哦，太好了，我现在正在学习，我以前不知道这一点。你能告诉我这段代码将如何寻找想要的结果吗？为元素添加一个点击处理程序，并放置
console.log（$（this.eq（））在其中。编号应该是页面范围还是在其直接父节点内？如果您试图在
a
元素和数据集之间创建关系，我建议使用，而不是根据元素在DOM中的偏移量来查找ID。例如：
产品信息
。然后在单击处理程序
varid=$（this.data（'id'）中获取该数据属性。我用所有这些选项一直得到“未定义的不是函数”我用所有这些选项一直得到“未定义的不是函数”我用所有这些选项一直得到“未定义的不是函数”我用所有这些选项一直得到“未定义的不是函数”谢谢你的回答，它在fiddle上非常有效。我只是不确定为什么当我在我的网站上使用它时，我会得到一个令人沮丧的“TypeError:undefined不是一个函数”。我想我得把这个弄清楚。再次感谢！我的猜测是，在变量
$
被定义为函数之前，您试图将其用作函数。。。在包含jquery.js之前，您是否将此代码放在脚本块中？您可以通过以下方式复制错误：
var x=undefined；x（）。也可以看看：谢谢你的回复，它在小提琴上非常有效。我只是不确定为什么当我在我的网站上使用它时，我会得到一个令人沮丧的“TypeError:undefined不是一个函数”。我想我会的