javascript - 减法在 JS 中有效，但加法在 JS 中无效

Question

我似乎无法弄清楚为什么减法在我的代码中起作用，但是当我将减法符号更改为加法符号时，我收到控制台错误:Uncaught TypeError: undefined is not a function。哪里出错了？

这是一个减法 fiddle :http://jsfiddle.net/c8q7p6ac/这是一个用加号代替减号的 fiddle :http://jsfiddle.net/c8q7p6ac/1/

减号和加号在变量updatedNumber中

HTML:

<div class="amount">$1000.00</div>

<input class="new-number" type="text">
<div class="button">Click</div>

jQuery:

$('.button').on('click', function(){
        //get value of input
        var newNumber = $('.new-number').val();

        //get total number value
        var totalNumber = $('.amount').text();

        var getNumberOnly = totalNumber.indexOf('$') + 1;

        var newTotalNumb = totalNumber.substr(getNumberOnly,    totalNumber.length);

        //add new number to total number
        var updatedNumber = (newTotalNumb + newNumber).toFixed(2);


        //and update total
        $('.amount').html('$'+updatedNumber);
}); 

Answer 1

减法有效是因为 JavaScript 将它们转换为数字。但是，在加法的情况下，只要其中一个操作数是字符串，它就会将它们转换为字符串。

您需要将字符串转换为数字:

var updatedNumber = (parseInt(newTotalNumb) + parseInt(newNumber)).toFixed(2);

在处理小数点的同时，还可以使用parseFloat这将保留小数点。

这是更新的 fiddle .