کم و زیاد کردن ایتم های سبد خرید

سلام دوستان وقتتون بخیر
من ی سبد خرید زدم که هر ایتمی که بهش اضاف میشه یدونه اینپوت داره و هر دوطرفش ی + و ی - واسه کم و زیاد کردن از همون ایتم

کدی که واسه اینپوته زدم وقتی رو کم و زیاد کردنش میزنم میاد همه ی اینپوت ها(هرچی ایتم تو سبد خرید هست رو ) کم و زیاد میکنه
تو جی کوئری ازparents , this, next و این تابع هام استفاده کردم **** متاسفناه بازم میاد همه اینپوت هارو تغییر میده

  let span_plus = $("span.basic-addon1");
            let span_minus = $("span.basic-addon2");
            span_minus.click(function() {
                let input_number = $(this).parent().prev().attr("value");
                let current_number = Number(input_number);
                minus(current_number);

  span_plus.click(function() {

                let input_number = $(this).parent().next().attr("value");
                let current_number = Number(input_number);

و ساختار html به این صورت

      <div class="input-group pro-number mb-md-0 mb-3 d-flex justify-content-between">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text  basic-addon1"><i
                                                        class="icon-plus1 plus"></i></span>
                                            </div>
                                            <input type="text" data-type="{{ session()->get('cart')[$value['id']]['model'] }}" data-uniq-id="{{ $value->id }}" class="form-control validate-number" value="{{ session()->get('cart')[$value['id']]['quanity'] }}">
                                            <div class="input-group-append">
                                                <span class="input-group-text  basic-addon2"><i
                                                        class="icon-minus1 minus"></i></span>
                                            </div>

                                        </div>