jQuery HELP - 我需要创建一个可以多次使用的变量

Question

http://codepen.io/anon/pen/zvMVYv

嘿伙计们，基本上我要做的就是创建一个

var price = $(this).parent('figure').find('.price').text();

此变量将用于放置在网站底部的总费用中，如果未选择图像，则必须将每个图像加起来扣除。 （我不确定这是否是最好的做事方式，而不是我的计划）。

更好的说法：

  

当用户点击突出显示的图像时，将取消选择图像   （突出显示应删除），其价格应从中扣除   总数。

非常感谢任何帮助，代码笔会更有意义。

Answer 1

试试这个

编辑：更新总值删除突出显示

var price = 0;
$('img').click(function(){
    $(this).toggleClass('highlight');
    if($(this).hasClass('highlight')){
      price += parseInt($(this).parent().find('.price > span').text());
    }else{
       price -=  parseInt($(this).parent().find('.price > span').text());
    }
    $('.cart > span').text(price);
});

working Demo