2011-10-08 15 views
16

私はスパンタグに数字があります。私はスパン内の数値の値を取得し、jQueryの内部でそれをインクリメントする必要があります。私はテキスト入力のためにこれを行う方法を知っています - これはスパンタグにすることができますか?jQueryの増分値は<span>タグ

SPANタグ

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

jQueryのスパンセレクタこのような

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

答えて

29

例 -

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

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

これはAFAIKのベストアプローチです。しかし、 'variable ++ 'の代わりに' variable:= variable + 1'を30年前に書いているような気がします。 – mirelon

+2

セレクターを2回実行する必要がないところでこれを行うより良い方法はありますか? (1つのライナーで) – Jess

+0

+1この返答は... in adition。 1-n要素をインクリメントしたい場合は、each()....を使用する必要があります。 \t \t \t $( '。customcounter')。各(関数(){ \t \t \t \t $(この)の.html(のparseInt($(この)の.html()、10)+1); \t \t \t})。 – Apeiron

0

Iあなたはこのようなことを意味すると思いますか?

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

その場合は、InnerHTMLプロパティは、あなたのスパンのコンテンツを提供します

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

これは最も完全です回答。スパンがまだ値を持っていない場合

  1. このソリューションavoids selector repetition
  2. は優雅に増加を処理します。 parseInt(上の基数を置くための
<span class="changeNumber"></span> 
var $number = $('.changeNumber'); 
$number.html((parseInt($number.html(),10) || 0) + 1); 
関連する問題