javascript - 如何使用jquery向html元素添加或减去数字

Question

我正在尝试对跨度标记内的数字进行加/减。这取决于复选框。这是我正在尝试的 jquery:

//If checked
var $newprice = $("#totalprice").val() + 299;               
$("#totalprice").text($newprice);

//If NOT checked
var $newprice = $("#totalprice").val() - 299;               
$("#totalprice").text($newprice);

如果我选中该框，它会增加 299，但未选中则将数字更改为 -299。

Answer 1

对于跨度，您需要使用 text() 获取内容的方法不是 val() 。在这两种情况下val() 返回一个空字符串。在第一种情况下，只会发生字符串连接。在第二种情况下，它将是 ""- 231，结果是 -231，其中空字符串充当 0。

所以你可以使用 text() 使用保存索引和旧值的回调，解析旧值并添加或减去值并将其返回以进行更新。

//If checked
var $newprice = $("#totalprice").text(function(i,v){
    return parseInt(v,10) + 299;               
});
//If NOT checked
var $newprice = $("#totalprice").text(function(i,v){
    return parseInt(v,10) - 299;               
});