Как обновить соответствующий ввод при нажатии кнопки

Question

Не могли бы вы помочь мне, как обновить поле ввода при нажатии кнопки. При нажатии кнопки добавления необходимо обновить текст в поле ввода рядом с ним

                        <div class="columns small-6">
                            <p><?php echo $product_one_name; ?></p> 
                        </div>
                        <div class="columns small-6 ">
                            <button class="addButton"> + </button>
                            <input class="products-quantity" type="text" name="product_one_name" value="" placeholder="quantity">
                            <button class="subButton"> - </button>
                        </div>
                        <hr>



                        <div class="columns small-6">
                            <p><?php echo $product_two_name; ?></p>
                        </div>
                        <div class="columns small-6 ">
                            <button class="addButton"> + </button>
                            <input class="products-quantity" type="text" name="product_two_name" value="" placeholder="quantity">
                            <button class="subButton"> - </button>
                        </div>
                        <hr>



priceCalculation: function(){
                var addButton = document.getElementsByClassName('addButton');

                var i = 0;
                $(addButton).on('click', function(e){  
                    e.preventDefault();
                    i++;
                    var inputValue = $(this).parent().children()[1].value;

                    var newQuantity = inputValue + i;

                    console.log(newQuantity);


                });
            }

Answer 1

Вы можете найти ближайший ввод с классом .products-amount с помощью jQuery и обновить его значение.

        $(addButton).on('click', function(e){  
            e.preventDefault();
            var button = $(e.target);
            var input = button.closest('.columns').find('input.products-quantity');
            var currentVal = parseInt(input.val() || 0);
            input.val(++currentVal);
        });