JSFiddle - React, Tailwind, and code Playground
HTML
<div class="qty">
<button class="btqtd" id="123">-</button>
<input type="text" name="qtd" id="123" class="qtd" value="1">
<button class="btqtd" id="123">+</button>
</div>
<div class="qty">
<button class="btqtd" id="124">-</button>
<input type="text" name="qtd" id="124" class="qtd" value="1">
<button class="btqtd" id="124">+</button>
</div>
JavaScript
$(document).ready(function() {
$(".btqtd").on("click", function() {
var $button = $(this),
$input = $button.closest('.qty').find("input.qtd");
idInput = $button.attr('id');
console.log( idInput );
var oldValue = $input.val(),
newVal;
if ($.trim($button.text()) == "+") {
newVal = parseFloat(oldValue) + 1;
console.log( newVal );
} else {
if (oldValue > 1) {
newVal = parseFloat(oldValue) - 1;
} else {
newVal = 1;
}
console.log( newVal );
}
$input.val(newVal);
});
});