Javascript 获取在DOM上重复的特定类的索引

在我的HTML中，有一个重复的div，它是这样的：-

<div class="col-md-3 SeccaoProduto">
   <p class="productName"></p>
   <p>Quantidade Atual: <span class="quantidadeProduto"></span></p>
   <button class="btn btn-default btn-xs IncrementaProduto"><span class="glyphicon glyphicon-arrow-up"></span></button>
   <button class="btn btn-default btn-xs DecrementaProduto"><span class="glyphicon glyphicon-arrow-down"></span></button>
</div>

但我总是得到值=-1:S 如何执行此操作？

在您的代码中

$（此）

指的是单击的按钮，但集合不包括该按钮，因此返回的值将是

-1

相反，您需要获取包含单击元素的父元素

.DecrementaProduto

。可以使用该方法获取元素的位置

$(".DecrementaProduto").click(function(){
   console.log($(".SeccaoProduto").index($(this).parent()));
   //                                ------------^^^^^^^---
});

$(".DecrementaProduto").click(function(){
   console.log($(".SeccaoProduto").index($(this).parent()));
   //                                ------------^^^^^^^---
});