jQuery increment value of <span> tag

I have a number in a span tag. I need to get the value of the number in the span and then increment it inside jQuery. I know how to do this for a text input - c开发者_StackOverflowan this be done to a span tag?

SPAN tag

<span class="changeNumber"> 33 </span>

jQuery span selector

var commentNumAppend = $(this).closest(".songContainer").find(".changeNumber");

---

Example -

<span class="changeNumber">33</span>

$('.changeNumber').html(parseInt($('.changeNumber').html(), 10)+1)

---

You can do something like:

var value = parseInt($(".changeNumber").text(), 10) + 1;
$(".changeNumber").text(value);

JsFiddle Example:

http://jsfiddle.net/stapiagutierrez/WXAvS/1/

References:

1. parseInt()
2. text()

---

This is the most complete answer.

1. This solution avoids selector repetition
2. Handles the increment gracefully if the span does not have a value yet.

<span class="changeNumber"></span>

var $number = $('.changeNumber');
$number.html((parseInt($number.html(),10) || 0) + 1);

---

Something like this:

var $span = $('#mySpanId');
$span.text(Number($span.text()) + 1);

http://jsfiddle.net/mattball/Cf834/

---

var spanVal=$("span").html();
if(!isNaN(spanVal)){

alert("value incremented"+ (++spanVal));
}

http://jsfiddle.net/c84F4/

---

I assume you mean something like this?

<span id="Nbr">123</span>

If so, the InnerHTML property will give you the content of the span

---

$(".changeNumber").html(parseInt($(".changeNumber").html())+1)