如何通过选择器获取值并在线操作它

Question

很抱歉，如果主题不是很具描述性。

比如说我有这个：

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

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

这样就变成了：

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

THX

Answer 1

.val()仅用于表单元素...

在这种情况下，您需要使用.html()获取内容，parseInt()将其转换为数字然后进行修改，然后再次.html()将其添加回来到div。

像这样：

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

Answer 2

使用text()获取当前值，将值解析为整数，添加一个，然后再次设置text()：

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

<强> DEMO

Answer 3

val方法用于获取/设置表单控件的值，对于您应该使用text或html的其他元素，请尝试以下操作：

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

Fiddle

Answer 4

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

请参阅此fiddle