javascript - 访问 .val()、.text() 等中元素的值，无需双重选择或缓存

Question

有没有一种简单的方法可以引用调用 .val() 或 .text() 的元素的值，而无需双重选择或缓存？

例如:

//NO
$(this).val($(this).val() + 'something');

//NO
var $this;
$this.val($this.val() + 'something');

相反，在 .replace() 中使用诸如 $& 标记之类的东西

'some string'.replace('str', '$&123');
//results - 'some str123ing'

谢谢。

Answer 1

您可以将函数传递给 .val() ，像这样:

$(this).val(function(i, currentVal) { return currentVal + 'something'; });
//another example:
$(this).val(function(i, cVal) { return cVal.replace('str', '$&123'); });

这适用于任意数量的元素，在函数中，i 是索引，currentVal 是 $(this).val()会得到你的。只需在该函数中返回您想要的新值即可。