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

使用获取当前值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

1

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

看到这个小提琴

于 2012-08-22T20:46:57.420 回答

4 回答 4