jQuery增量值<span>标记</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. 此解决方案avoids selector repetition
2. 如果范围还没有值，则优雅地处理增量。

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

    

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

Answer 4

这样的事情：

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

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

Answer 5

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

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

http://jsfiddle.net/c84F4/

Answer 6

我认为你的意思是这样的？

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

如果是这样，InnerHTML属性将为您提供范围

的内容

Answer 7

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