jQuery <span>标记的增量值

Question

我在span标签中有一个数字.我需要获取span中数字的值,然后在jQuery中增加它.我知道如何为文本输入执行此操作 - 可以对span标记执行此操作吗？

SPAN标签

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

jQuery span选择器

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

Answer 1

示例 -

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

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

Answer 2

你可以这样做:

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

JsFiddle示例:

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

参考文献:

1. parseInt()
2. text()

Answer 3

这是最完整的答案.

1. 该解决方案避免了选择器重复
2. 如果范围还没有值,则优雅地处理增量.

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

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