jQuery增量值<span>标记

我在span标记中有一个数字。我需要获取跨度中数字的值，然后在jQuery中增加它。我知道如何做到这一点的文本输入 - 这可以做到span标签？jQuery增量值<span>标记

SPAN标签

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

jQuery的跨度选择

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

来源

2011-10-08 user978905

示例 -

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

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

来源

2011-10-08 18:08:47 Jayendra

这是AFAIK的最佳途径。但感觉就像在30年前编写'variable：= variable + 1'，而不是'variable ++' – mirelon

有没有更好的方法来做到这一点，你不必做两次选择器？（有一个班轮） – Jess

+1这个答案... 在adition。如果你想增加1-n元素，你应该使用每个（）.... \t \t \t $（'。customcounter'）。每个（函数（）{ \t \t \t \t $（本）的.html（parseInt函数（$（本）。html的（），10）+1）; \t \t \t}）; – Apeiron

事情是这样的：

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

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

来源

2011-10-08 18:06:58

你可以这样做：

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

的jsfiddle实施例：

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

参考文献：

来源

2011-10-08 18:07:23

+1把基数上parseInt函数（）！ –

我假设你的意思是这样的？

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

如果是这样，innerHTML会为您提供跨度的内容

来源

2011-10-08 18:07:34 Sparky

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

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

http://jsfiddle.net/c84F4/

来源

2011-10-08 18:09:08 Rafay

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

来源

2011-10-08 18:18:15

这是最完整回答。

该解决方案avoids selector repetition
来处理增量优雅如果跨度不具有价值呢。

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

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

来源

2014-09-12 14:54:17 Jess

jQuery增量值<span>标记

回答

相关问题