3

Добрый день, ребят подскажи что не так, нужно посчитать сумму чисел в корзине.
Надо учитывать, то значение в .price может меняться.

Имею вот такой вод код:

 window.onload = function(){
   var sum = 0;
   $('.cart-list li').each(function(){
      sum+=parseInt($('.price', this).text());
   });
    $('#res').html(sum);;
  }

HTML следующий:

<li id="cart-'.$row['id'].'">
    <div class="image">
        <span>
            <img src="'.$row['img'].'" alt="'.$row['name'].'" width="87" height="87"></span>
    </div>

    <div class="text-holder"> <strong class="name">'.$row['name'].'</strong>
        <p>'.$row['desc'].'</p>
        <p> <i>'.$row['ingridient'].'</i>
        </p>
    </div>
    <div class="cart-hold">
        <div class="combobox">
            <a class="dec" onclick="minus(\''.$row['id'].'\');">&lt;</a>
            <a class="inc" onclick="plus(\''.$row['id'].'\');">&gt;</a>
            <input type="text" id="input-'.$row['id'].'" value="1" disabled></div>
        <div class="price-box">
            <span class="regular-price">
                <span class="price" id="price-'.$row['id'].'">'.$row['price'].'</span>
                <span style="display:none" id="prices-'.$row['id'].'">'.$row['price'].'</span>
                грн.
            </span>
        </div>
        <a href="#" class="del nh_cart_delete" onclick="delItems(\''.$row['id'].'\');">X</a>
    </div>
</li>
11
  • сделайте функцию updateSum в которой будет код из вашего обработчика и вызывайте когда надо
    – Grundy
    25 фев 2016 в 7:28
  • например, в keyup/blur инпута 25 фев 2016 в 7:33
  • А в чем проблема-то? Что именно не работает? 25 фев 2016 в 8:36
  • 1
    @Grundy, вот фидл с его версткой: jsfiddle.net/venzell/fx25dhmv и на нем проблема не воспроизводится
    – VenZell
    25 фев 2016 в 11:03
  • 2
    @OpaNa, проверьте содержимое переменных. С js-кодом у вас все ок.
    – VenZell
    25 фев 2016 в 11:08

2 ответа 2

1

Проверьте содержимое переменных. С javascript у вас все ок.

Вот ваш пример со слегка упрощенной версткой:

var sum = 0;
$('.cart-list li').each(function() {
  sum += parseInt($('.price', this).text());
});
$('#res').html(sum);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<ul class="cart-list">
  <li id="cart-1">
    <div class="cart-hold">
      <div class="price-box">
        <span class="regular-price">
                <span class="price" id="price-1">1000</span>
        <span style="display:none" id="prices-1">1000</span> грн.
        </span>
      </div>
    </div>
  </li>
  <li id="cart-2">
    <div class="cart-hold">
      <div class="price-box">
        <span class="regular-price">
                <span class="price" id="price-2">1000</span>
        <span style="display:none" id="prices-2">1000</span> грн.
        </span>
      </div>
    </div>
  </li>
</ul>
<div id="res"></div>

-1

попробуйте

sum+=parseInt($('.price', this).text(),10);

или

sum+=parseInt($('.price', this).text().trim(),10);

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.