我如何使用jQuery将某些内容附加到表单元素的值，而不是更改它？

Question

I know how to do this in basic JS:

document.getElementById("someTextarea").value += "stuff";

Note the + - I'm adding to the value, not completely changing it. How would I do that using jQuery's val() ?

Answer 1

$('#foo').val($('#foo').val() + 'something');

(Of course you can and should cache the element).

Another way (very jQuery style):

$('#foo').val(function(){
    return this.value + "something";
});

Answer 2

$('#someTextarea').val(function(i, v){ return v + 'stuff'; });

Answer 3

Since an ID selector will return a unique element you can avoid val if you want:

$('#foo')[0].value += ' stuff';