jQuery的.按类名检查每个项目

Question

例如,有一些标签

<input value="1000" class="chrome-input" />
<input value="2000" class="chrome-input" />

如何使用每个值进行操作？在这里,我可以为每个输入设置值.$(".chrome-input").val("10"); 但是,如果我想要将每个值乘以10.

这样的事情 $(".chrome-input").val($(".chrome-input").val()*10);

而我想要那样做

<input value="10000" class="chrome-input" />
<input value="20000" class="chrome-input" />

Answer 1

干净的方法是使用以下的回调签名val:

$('.chrome-input').val(function(i, oldVal) {
    return parseInt(oldVal, 10) * 10;
});

如果将函数作为第一个参数传递val,则将在每个元素上调用该函数.传递的第二个参数将是元素的当前值.函数的返回值将设置为新值.