Giá trị gia tăng jQuery của <span> thẻ

Question

Tôi có một số trong thẻ span. Tôi cần phải nhận được giá trị của số trong span và sau đó tăng nó bên trong jQuery. Tôi biết làm thế nào để làm điều này cho một đầu vào văn bản - điều này có thể được thực hiện để một thẻ span?

thẻ SPAN

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

khoảng jQuery selector

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

Answer 1

Ví dụ -

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

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

Answer 2

Something như thế này:

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

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

Answer 3

Bạn có thể làm một cái gì đó như:

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

JsFiddle Ví dụ:

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

Tài liệu tham khảo:

1. parseInt()
2. text()

Answer 4

tôi giả sử bạn có nghĩa là một cái gì đó như thế này?

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

Nếu vậy, thuộc tính innerHTML sẽ cung cấp cho bạn nội dung của nhịp

Answer 5

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

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

http://jsfiddle.net/c84F4/

Answer 6

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

Answer 7

Đây là hoàn thiện nhất câu trả lời.

1. Giải pháp này avoids selector repetition
2. Xử lý thặng dư một cách duyên dáng nếu khoảng không có một giá trị được nêu ra.

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

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