adding a number to a numerical string with jquery

Question

I have a counter and I'm trying to retrieve that number with jquery and add to it.

<div id='counter'>
32
</div>

So I'm trying to get the 32 with jquery and then add to it, +1.

var counter = $('#counter').text();
var counterPlus = counter++;

Is this supposed to work? It doesn't work for me

Zang MingJie · Accepted Answer · 2011-12-30 06:11:49Z

8

The type of counter is string, not number, so you need to convert it to number first:

var counterPlus = parseInt(counter, 10) + 1;

If you want to set it back:

$('#counter').text(parseInt($('#counter').text(), 10) + 1);

answered Dec 30, 2011 at 6:11

Zang MingJie

5,3151 gold badge19 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Matt Ball Over a year ago

@andrewliu it specifies the radix to use. This prevents unexpected behavior when the input contains leading zeroes. RTFD, as they say: developer.mozilla.org/en/JavaScript/Reference/Global_Objects/…

Ilia G Over a year ago

Unnecessary. The counter++ expression works just fine. The issue is that OP is expecting incremented value to be returned, which is achieved by ++counter.

Selvakumar Arumugam · Accepted Answer · 2011-12-30 06:15:03Z

4

There is a basic different between counter++ and ++counter.

counter++ -> Assign and Increment

++counter -> Increment and Assign

Check this jsFiddle Code for proof

answered Dec 30, 2011 at 6:15

Selvakumar Arumugam

79.9k15 gold badges123 silver badges139 bronze badges

Comments

George Ariton · Accepted Answer · 2011-12-30 06:13:14Z

-1

var counter = parseInt(jQuery("#counter").text(), 10);
var counterPlus = counter++;

answered Dec 30, 2011 at 6:13

George Ariton

414 bronze badges

2 Comments

Selvakumar Arumugam Over a year ago

conversion wasn't the issue.. it was about counter++ and ++counter. See my jsFiddle jsfiddle.net/skram/me3Yu

George Ariton Over a year ago

counterPlus = counter++; //counterPlus = 32 counter = 33 <br /> counterPlus = ++counter; //counterPlus = 33 counter = 33 counterPlus = counter+1; //counterPlus = 33 counter = 32

Collectives™ on Stack Overflow

adding a number to a numerical string with jquery

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related