<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')
});
This Pen doesn't use any external CSS resources.