Sum Javascript变量(实际上是字符串)

Question

我有三个div包含数字.

<div class="a">10</div> 
<div class="b">20</div>
<div class="c">30</div>

我用jQuery获取每个内部的数字.html().

var val_1 = $('.a').html(), 
    val_2 = $('.b').html(),
    val_3 = $('.c').html();

我如何总结它们？

这不能按预期工作:

var total = val_1 + val_2 + val_3;

自从返回102030后,我预计60岁.

Answer 1

首先,因为你只需要你的div的内容,你最好使用$('.x').text()而不是$('.x').html().

现在发生的事情是你在添加字符串,即将它们连接起来:'1' + '2' + '3soleil' === '123soleil'.

您希望将它们解析为数字,这是完成的

Number(val1) + Number(val2) + Number(val3)

如果你知道它们是整数,你可以更安全地使用Number.parseInt(val, 10)(该函数的第二个变量,称为基数,是你数字的数学基础.它很可能是十进制数(10),但可能是十六进制(16),布尔值(2)等)