Как сложить значения по клику?

Question

[korvin2]

Здравствуйте. При клике на каждый div необходимо складывать их цены (текст из label). При втором клике - минусовать.
Вот мой код:

$('.itemids').click(function() {
  // действия, которые будут выполнены при наступлении события...
  var clicks = $(this).data('clicks');
  var sum = 0;
  if (!clicks){
	  $(this).css('background','rgba(26, 130, 64, 0.35)');
	  sum += parseFloat($(this).find('.itemprice')[0].childNodes[0].data);
	  console.log(sum);
	  flag=1;
	}
	else{
		$(this).css('background','rgba(33, 52, 64, 0.35)');
		flag=0;
	}
	$(this).data("clicks", !clicks);
});

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

Comments

[Bhudh]

Внимательно подумайте, что у Вас лежит в переменной clicks.

Answer 1

[kreoTech]

А ничего что вы каждый раз при клике сумму обнуляете?
var sum = 0;

Думаю стоит вынести ее на уровень выше. Чтобы при кликах разных не обнулялось значение.

Comments

[korvin2]

Пробовал - не получилось
Вот это работает:

var sum = 0;
    $('.itemids').click(function() {
      // действия, которые будут выполнены при наступлении события...
      var clicks = $(this).data('clicks');
      var price = +$(this).find('.itemprice').text();
      console.log((clicks? "subtract" : "add") + " price " + price);
      if (!clicks){
    	$(this).css('background','rgba(26, 130, 64, 0.35)');
    	sum += price;
    	flag = 1; //??
      }	else {
        $(this).css('background','rgba(33, 52, 64, 0.35)');
    	sum -= price;
        flag=0; //??
      }
      console.log(parseFloat(sum));
      $(this).data("clicks", !clicks);
    });