Задача по изменению цены с помощью js?

Question

[web-quest3]

Есть блок с классом product,
внутри него лежат блоки ,
price цена ,
total всего ,
kol-vo - количество,
Товаров может быть и 10 и 20,
При изменении количества мы умножаем прайс на кол-во и получаем тотал,
Но как отличать именно этот конкретный блок?
Можно использовать указатель this,
но мне нужно посчитать сумму всех тотал,
грубо говоря циклом пройтись по этим блокам но как это сделать не пойму, и мне кажется что все не так как я думаю.
Изменяем один товар запоминаем на сколько изменилось и изменяем общее значение (+ или - колво*на цену конкретного продукта)
Или каждый раз циклом обходить все эелементы а различать их добавив дата атрибут с ИД (ИД выводить с бекенда_)?

Comments

[Алексей Ярков]

Вообще изначально плохая идея ходить по DOM элементам и вытягивать оттуда инфу. Может тянуть с бэкенда данные и посмотреть в сторону клиентских шаблонизаторов?

Answer 1

[Dokma]

Берешь главный элемент товара в котором остальные элементы цена и кол-во. Потом делаешь $(this).find('.price') и т.д

Answer 2

[Валерий]

Костыльно, но наглядно :)

https://jsfiddle.net/t7L4zs7t/

Просто изменяй число в инпутах и смотри результат.