Добавлять вместе значения jQuery.html ()?

Question

Как бы я сложил значения, извлеченные из двух отдельных вызовов 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 являются строками. Как получить фактические значения, чтобы я мог их правильно добавить?

Answer 1

Вы можете сделать либо

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

или

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

оба из которых приводят строку к целому числу. Для получения дополнительной информации см. Как преобразовать строку в целое число в JavaScript? .

Answer 2

Вы можете использовать + в обоих операндах

var c = +a + +b;

Answer 3

Используйте функцию parseInt ():

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

Answer 4

используйте text() вместо html().

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