Adding together values of jQuery.html()?

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?

score 4 · Accepted Answer · edited May 23 '17 at 11:49

4

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?.

edited May 23 '17 at 11:49

Community

1
1

answered Apr 02 '12 at 03:14

Sophie Alpert

139,698
36
220
238

score 2 · Answer 2 · answered Apr 02 '12 at 03:15

2

Use the parseInt() function:

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

answered Apr 02 '12 at 03:15

TheOx

2,208
25
28

Make sure to specify the base so that leading 0s don't screw things up. – Sophie Alpert Apr 02 '12 at 03:15
Good point thanks - something I've overlooked on more than one occasion - updated my answer to reflect that. – TheOx Apr 02 '12 at 03:16

score 2 · Answer 3 · answered Apr 02 '12 at 03:15

2

You can use + in both operands

var c = +a + +b;

answered Apr 02 '12 at 03:15

Andreas Wong

59,630
19
106
123

`x- -y` is shorter more [info here](http://codegolf.stackexchange.com/a/5045/3563) – ajax333221 Apr 02 '12 at 03:57
imho `+a + +b` is more readable than `x- -y`, but nonetheless good suggestion, thanks! – Andreas Wong Apr 02 '12 at 03:58

score 1 · Answer 4 · edited Apr 02 '12 at 05:34

1

use text() instead of html().

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

edited Apr 02 '12 at 05:34

Colin Brock

21,267
9
46
61

answered Apr 02 '12 at 03:15

Larry Battle

9,008
4
41
55

Adding together values of jQuery.html()?

4 Answers4