Question

How would I add together the values pulled from two separate jQuery.html() calls? Example:

<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;
});

All the above does is concatenate var a and b into c (i.e. c = 273) because a & b are strings. How do I get the actual values so that I can properly add them?

Answer 1

You can do either

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

or

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

both of which cast the string to an integer. For more info, see How do I convert a string into an integer in JavaScript?.