Question

在我的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>

当我单击具有DecrementaProduto类的按钮时，我想获得该类的特定索引，在这种情况下，DecrementaProduto是第一次出现在我的html上，我希望index = 0;

在我的JavaScript中，我试过这个： -

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

但我总是得到值= -1：S 我怎么能这样做？

Answer 1

在您的代码$(this)中引用单击的按钮，但该集合不包含该按钮，因此返回的值将为-1。

相反，您需要获取包含单击元素的父元素.DecrementaProduto。您可以使用parent()方法获取元素。

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

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

1 个答案: