jquery - 在现有 div 框中添加数字

Question

我将如何将总和添加到页面上的现有数字？

只使用 a.empty()然后通过 jQuery 求和并再次设置它会更好.html()吗？

例子

<div class="price">$200</div>

然后 jQuery 将添加$50到现有价格，新价格将是$250.

根据无线电选择Yes添加$50，而No只是保持原样。

如果他们选择后退和第四次，会发生什么撤消最后添加的任何方式？

Answer 1

将价格存储在元素中：

<div class="product" data-price="50.0">I'm a product</div>

并且只要有变化就把它们加起来：

var total = 0;

$('.product').filter(function() {
    // Remove the ones that aren't checked or something
    return true;
}).each(function() {
    total += $(this).data('price');
});

$('.price').text('$' + total);