javascript - 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 的第一个参数，则将在每个元素上调用该函数。传递的第二个参数将是元素的当前值。函数的返回值将被设置为新值。