jquery - 如何对总 div 文本求和

Question

如何对div文本求和？我需要逗号 xx,xxx 作为总和，但下面脚本的结果是 7

var sum = 0;
$(".price").each(function () {
    var val = $.trim($(this).text());
    if (val) {
        val = parseInt(val.replace(/^\$/, ""));
        sum += !isNaN(val) ? val : 0;
    }
});
alert(sum);

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="price">2,000</div>
<div class="price">1,000</div>
<div class="price">3,200</div>
<div class="price">1,000</div>

Answer 1

尝试在 JavaScript 中使用 split 和 join

var sum = 0;
$(".price").each(function() {
var val = parseInt($(this).text().split(",").join(""));
 sum = sum + val;
});

sum= sum.toString();
var lastThree = sum.substring(sum.length-3);
var otherNumbers = sum.substring(0,sum.length-3);
if(otherNumbers != '')
    lastThree = ',' + lastThree;
var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree;

alert(res);

DEMO