با عرض سلام

من دارم یک سبد خرید رو با کمک جاوا اسکریپت می سازم، تقریبا تموم شده فقط مشکلم اینه که وقتی تعداد کالا تغییر میکنه، قیمت نهایی با توجه به تعداد کالا تغییر نمی کنه.این کد های من هست :

HTML:

 <div class="product-price" style="margin-left:60px;">870 هزار تومان</div>

  <div class="quantity">
   <button class="plus-btn" type="button" name="button">
    <img src="../img/svg/PlusQ.png" alt="" />
  </button>
  <input type="text" name="name" value="1">
  <button class="minus-btn" type="button" name="button">
   <img src="../img/svg/MinusQ.png" alt="" />
  </button>
  </div>

 <div class="total-price"><label></label></div>

JS:

$('.minus-btn').on('click', function (e) {
    e.preventDefault();
    var $this = $(this);
    var $input = $this.closest('div').find('input');
    var $totalPrice = $this.parent().next('div').find('lable');
    var $singlePrice = $this.parent().next('div').find('lable');
    var value = parseInt($input.val());

    if (value != 1) {
        value = value - 1;
    } else {
        value = 0;
    }

    $input.val(value);
    $totalprice.innerHTML = value * $singlePrice;

});

مشکلم اینه که نمی دونم چه جوری به مقادیر product-price و total-price دسترسی داشته باشم که قیمت نهایی رو بر حسب تعداد کالا حساب کنم. یعنی به مقادیر div های قبل و بعد

با تشکر