1

次のマークアップをお願いします：

<div class="item"> 1 a </div>
<div class="item"> 2 b </div>
<div class="item"> 3 c </div>

ボタンをクリックした後、jQueryを使用して3つの要素の値を2増やし、次のようにします。

<div class="item"> 3 a </div>
<div class="item"> 4 b </div>
<div class="item"> 5 c </div>

助けてください？

どうもありがとう

4

3 に答える 3

3

ボタンのイベント ハンドラーでこれを行うことができます。

$('.item').each(function(){
   $(this).html(
      $(this).html().replace(/(\d+)/, function(v){return parseInt(v,10)+1})
   );
});

これにより、アイテムの最初の番号がインクリメントされます (任意の番号をインクリメントしたい場合は、正規表現を に変更するだけです/(\d+)/g)。

デモンストレーション

于 2012-11-30T15:31:33.277 に答える
1

次のように html を変更する必要があります。

<div class="item"> <span>1</span> product </div>
<div class="item"> <span>2</span> product </div>

そして、あなたのJavascriptは次のようになります:

$('.yourbutton').click(function(){
    $( '.item' ).each(function(){
        var actual = parseInt( $(this).find( 'span' ).html() );
        $(this).find( 'span' ).html( actual + 1 );
    }); 
});
于 2012-11-30T15:31:05.923 に答える
0

ここで .appendTo クラスを調べます

一方、.appendTo() を使用すると、コンテンツは、セレクター式またはオンザフライで作成されたマークアップとしてメソッドの前に置かれ、ターゲット コンテナーに挿入されます。

于 2012-11-30T15:34:22.373 に答える