javascript - jQuery 的字符串简单数学运算

Question

我有两个 div:

<span class='green price'>1.999$</span>
<span class='blue price'>299$</span>

我正在将变量转换为这个字符串:

var termPrice = $(".blue").html();
var setupPrice = $(".green").html();

我想用这些变量进行数学运算:

var totalPrice = termPrice + setupPrice;

但是我得不到我想要的结果。我究竟做错了什么？ 谢谢。

Answer 1

您需要parseFloat(); 该值，否则您将尝试添加两个字符串。

<span id="one" class='green price'>1.999</span>
<span id="two" class='blue price'>299</span>

var one = parseFloat($("#one").text());
var two = parseInt($("#two").text());
var res = one + two;

alert(res);
// 300.999

示例 1:

http://jsfiddle.net/ogn4Ldwv/

编辑 1

另一个示例，您可以在 HTML 中保留 $ 符号。

<span id="one" class='green price'>1.999$</span>
<span id="two" class='blue price'>299$</span>

var one = parseFloat($("#one").text().replace("/$/", ""));
var two = parseInt($("#two").text().replace("/$/", ""));
var res = one + two;

alert(res);

示例 2

http://jsfiddle.net/ogn4Ldwv/1/