将 jQuery.html() 的值加在一起？答案

【问题标题】：Adding together values of jQuery.html()?将 jQuery.html() 的值加在一起？
【发布时间】：2012-04-02 03:13:16
【问题描述】：

如何将从两个单独的 jQuery.html() 调用中提取的值相加？示例：

<div id="a">27</div>
<div id="b">3</div>

$(document).ready(function(){
  var a = $("#a").html();
  var b = $("#b").html();
  var c = a + b;
});

以上所做的只是将 var a 和 b 连接到 c 中（即 c = 273），因为 a & b 是字符串。如何获取实际值以便正确添加它们？

【问题讨论】：

【解决方案1】：

你可以做任何一个

var a = +$("#a").html();

或

var a = parseInt($("#a").html(), 10);

两者都将字符串转换为整数。如需更多信息，请参阅How do I convert a string into an integer in JavaScript?。

【讨论】：

【解决方案2】：

使用 parseInt() 函数：

$(document).ready(function(){
 var a = parseInt($("#a").html(), 10);
 var b = parseInt($("#b").html(), 10);
 var c = a + b;
});

【讨论】：

【解决方案3】：

您可以在两个操作数中使用+

var c = +a + +b;

【讨论】：

【解决方案4】：

使用text() 而不是html()。

var x = parseInt( $(el).text(), 10 );

【讨论】：