tengo un problema, y basicamente es que me gustaria que una funcion se ejecutara solo en donde se haga click ya que el codigo html con sus class esta repetido en el site
$(function() {
btnCompreAgora();
});
function btnCompreAgora() {
$(".qtd-box .box-qtd .btn").click(function() {
var $this = $(this);
var $qtd = $('.qtd-box .box-qtd .qtd');
var valor = parseInt($qtd.val());
if ($this.hasClass('btn-mais')) {
$qtd.val(valor + 1);
changeUrl(valor + 1);
var valueQty = $('.qtd-box .box-qtd .qtd').attr('value');
var sss = $('.qtd-box .box-qtd .qtd').attr('value', valueQty.replace('qty=1', 'qty=' + parseInt($('.qtd-box .box-qtd .qtd').val())));
}
});
function changeUrl(val) {
myFunction
};
}
Y en html
<div class="product-buy"><a title="ITALICO" href="https://www.hhhh.com/bag-refil-pim-calabresa-it-montosco-25g-023820/p">
<div class="qtd-box">
<div class="pull-left box-qtd">
<button class="btn btn-menos"><span>‒</span></button>
<input type="text" class="qtd" value="2" min="1">
<button class="btn btn-mais"><span>+</span></button>
</div>
</div>
</a>
<div class="buy-button-wrap"><a title="ITALICO" href="https://www.hhhh.com/bag-refil-pim-calabresa-it-montosco-25g-023820/p">
</a>
<div class="btnComprarHover"><a title="ITALICO" href="https://www.hhhh.com/bag-refil-pim-calabresa-it-montosco-25g-023820/p"></a><button type="button"><a title="ITALICO"
href="https://www.hhhh.com/bag-refil-pim-calabresa-it-montosco-25g-023820/p"></a>
<div class="buy-button-normal" id="3145" name="3145"><a title="ITALICO" href="https://www.hhhh.com/bag-refil-pim-calabresa-it-montosco-25g-023820/p"></a><a class="buy-button-normal-a3145"
href="https://www.hhhh.com/checkout/cart/add?sku=3145&qty=1&seller=1&sc=1&price=1400&cv=CFE834FB1C376F743357FB9AC6859173_&sc=1" title="Comprar">yas</a></div>
</button></div>
</div>
</div>
Lo que pasa es que el codigo html lo tengo en varios lugares en la pagina y quisiera que al sumar el valor y al ejecutar la funcion solo se refleje en el contenedor donde se hace click