jquery - セレクターを介して値を取得し、インラインで操作する方法

Question

件名があまり説明的でない場合は申し訳ありません。

たとえば、私はこれを持っていると言います：

// lets update the count
<div class='user-count'>3</div>

$('.user-count')val().text(x + 1);

次のようになります。

<div class='user-count'>4</div>

どうも

score 1 · Accepted Answer

.val()フォーム要素にのみ使用されます...

この場合、を使用.html()してコンテンツを取得parseInt()し、数値に変換してから変更し、もう一度.html()をに追加する必要がありdivます。

このような：

var $uC = $(".user-count");
val = parseInt($uC.html());
$uC.html(val+1);

score 1 · Accepted Answer

で現在の値を取得し、値を整数として解析し、1を追加してから、：text()を再度設定します。text()

var $userCount = $(".user-count");
$userCount.text(parseInt($userCount.text()) + 1);

score 1 · Accepted Answer

valメソッドは、フォームコントロールの値を取得/設定するために使用されます。使用する必要がある他の要素についてはtext、html次のことを試してください。

$('.user-count').text(function(i, x){
    return parseInt(x, 10) + 1
})

score 1 · Accepted Answer

$('.user-count').text(function(index, val){
  return parseInt(val) + 1;
});

4 に答える 4