Суммирование чисел

[Янковиц]

Добрый день. У меня на странице есть вот такой html код:
<div class="summa"></div>
<div class="product1">
<div class="price">100</div>
<a data-id="633" class="buy-now" onclick="return cart.add(this)">Купить</a>
</div>
<div class="product2">
<div class="price">200</div>
<a data-id="632" class="buy-now" onclick="return cart.add(this)">Купить</a>
</div>
Мне необходимо, чтобы при клике на гипперссылку в блок summa выходило число из блока price. Подскажите пожалуйста, кто делал подобное. В блоке summa может быть ничего или любое число.

[Dilettante_Pro]

Янковиц,

<div class="summa"></div>
<div class="product1">
<div class="price">100</div>
<a data-id="633" class="buy-now" onclick="add(this)">Купить</a>
</div>
<div class="product2">
<div class="price">200</div>
<a data-id="632" class="buy-now" onclick="add(this)">Купить</a>
</div>
<script>
function add(elem) {
    document.getElementsByClassName('summa')[0].innerHTML =  elem.parentElement.getElementsByClassName('price')[0].innerHTML;
}
</script>

Только странно: ни выбора продуктов, ни количеств... Голое число, неизвестно к чему относящееся
И где же суммирование?

при клике на гипперссылку в блок summa выходило число из блока price

[Янковиц]

Это лишь часть кода. Количество и т.д. все уже работает. Осталась только корзина. Здорово, но немного не то. Нужно, чтобы суммировались числа. Кликнул по одной(+100), добавляет в блок summa 100, кликнул по другой (+200), стало в блоке summa 300. И так далее. Извините если неясно выразился.

[Dilettante_Pro]

<div class="summa"></div>
<div class="product1">
<div class="price">100</div>
<a data-id="633" class="buy-now" onclick="add(this)">Купить</a>
</div>
<div class="product2">
<div class="price">200</div>
<a data-id="632" class="buy-now" onclick="add(this)">Купить</a>
</div>
<script>
    function add(elem) {
        var res = document.getElementsByClassName('summa')[0],
            price = parseInt(elem.parentElement.getElementsByClassName('price')[0].innerHTML),
            sum = parseInt(res.innerHTML) | 0;
        res.innerHTML = sum + price;
          }
</script>

[Янковиц]

[laimas]

<a data-id="632" class="buy-now" data-price="XXX" onclick="return cart.add(this)">Купить</a>

Зачем тревожить другие элементы, если в функцию передается this, которое и само с успехом может хранить цену.

[Dilettante_Pro]

laimas,
В этом коде и все остальное не имеет особого смысла, так что...

[laimas]

В этом коде и все остальное не имеет особого смысла

Да это я торговцу адресовал, а имеет, не имеет, это уже его головная боль. )

[Янковиц]

Вот так работает:
<a data-id="632" class="buy-now" data-price="XXX" onclick="add(this)">Купить</a>
а так нет
<a data-id="632" class="buy-now" data-price="XXX" onclick="return cart.add(this)">Купить</a>
А в чем разница?
И если data-price="XXX" лучше, как это реализовать?

[laimas]

Зачем вот это data-id="632"? Уж точно это ID товара и используется в скрипте, точно также атрибутом data-price можно передавать с скрипт и цену товара.