<span>标签的jQuery增量值

Question

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

SPAN标签

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

jQuery跨度选择器

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

这是最完整的答案。

如果跨度还没有值，此解决方案会优雅地avoids selector repetition

• Handles

1. 增量。

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

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