using jquery to increment values without refreshing on click

Question

I'm having problems with incremental values without refreshing the page using jquery.

I have html code that does this.

<li class=''>
<img src="../icons/fav_c.png" width='12' style='vertical-align:middle;'/>
&nbsp;&nbsp;
<div style='float:right;padding-top:2px;width:5px'>
<span class='selector'>
<?php echo $value; ?>
</span>
</div>
</li>

I have a code that does in jquery.

val value = $('span.selector').text();
$('span.selector').text(value++);

This is not affecting my value that is being echo'd out? Can anyone see what the problem is? Does .text() not work?

Thanks!

Put var instead of val

Alfonso Rubalcava
– Alfonso Rubalcava

2011-08-20 23:20:03 +00:00
Commented Aug 20, 2011 at 23:20 — Alfonso Rubalcava
– Alfonso Rubalcava, Commented Aug 20, 2011 at 23:20

Joe · Accepted Answer · 2011-08-20 23:12:13Z

4

Ok:

var value = $('span.selector').text();
value = parseInt(value, 10); // Use a radix!!!
$('span.selector').text(++value);

) parseInt with radix with out it '09' for example would be 0. Converts string to an integer
) ++value - increment value before it's applied to .text(...). value++ would call text() first then increment.

answered Aug 20, 2011 at 23:12

Joe

82.8k18 gold badges130 silver badges147 bronze badges

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

1 Comment

hellomello Over a year ago

Sorry, i was going to accept it but I had a time limit. and i just lost track of time. Thanks

Alfonso Rubalcava · Accepted Answer · 2011-08-20 23:18:07Z

2

Try:

var value = $('span.selector').text();
value++;
$('span.selector').text(value);

Fiddle

edited Aug 20, 2011 at 23:18

answered Aug 20, 2011 at 23:10

Alfonso Rubalcava

2,24717 silver badges27 bronze badges

Comments

Rafay · Accepted Answer · 2012-02-25 06:12:01Z

2

.text expects a string

Description: Get the combined text contents of each element in the set of matched elements, including their descendants.

http://api.jquery.com/text/

try

var value = $('span.selector').text();
value = parseInt(value);
value++;
$('span.selector').text(value++);

here is the fiddle http://jsfiddle.net/XGGPw/

edited Feb 25, 2012 at 6:12

answered Aug 20, 2011 at 23:10

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

Comments

ShankarSangoli · Accepted Answer · 2011-08-21 00:01:20Z

1

You can also try this

$("span.selector").text(function(i, v) {return parseInt(v, 10) + 1;});

answered Aug 21, 2011 at 0:01

ShankarSangoli

69.9k13 gold badges96 silver badges124 bronze badges

Collectives™ on Stack Overflow

using jquery to increment values without refreshing on click

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related