<div class="incr">
<div class="incr__minus incr__nav js-bascket-delete"></div>
  
  
<input class="amounts" name="amounts[67]" value="1" onchange="document.cart.submit();">



<div class="incr__plus incr__nav js-bascket-add"><svg class="icon"><use xlink:href="#plus"></use> </svg></div>
</div>
.incr__nav {
 width:40px;
  height:40px;
  background:red; 
}


  $('body').on('click', '.incr__minus', function () {
   $(this).next('.amounts').val(parseInt($(this).next('.amounts').val())-1).trigger('change')
  });
  
  
  $('body').on('click', '.incr__plus', function () {
 $(this).prev('.amounts').val(parseInt($(this).prev('.amounts').val())+1).trigger('change')
  });

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js