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/