jquery .val() + = idioma

Question

Qual è l'idioma più comunemente usato per questo frammento jQuery?

$('#someTextarea').val($('#someTextarea').val() + someString); 

Ci si sente goffo per avvolgere il codice originale in una funzione di una sola riga

EDIT: Così posso passare una funzione, che è fresco ... ma le mie vere intenzioni sono per jsfiddles, dove ho attualmente fare cose come questa:

function lazylog (str) { 
    $('#ta').val($('#ta').val() + str + '\n'); 
} 
// or 
function lazylogPlain (str) { 
    document.getElementById('ta').value += str + '\n'; 
} 

// view results of little experiments 
lazylog(test1()); 
lazylog(test2()); 
lazylog(test3()); 
// etc... 

non so se quel contesto avrebbe prodotto risposte diverse o semplicemente farmi sembrare davvero pigro per voler digitare anche meno. console.log non conta, voglio la textarea.

Answer 1

Semplicemente non utilizzare jQuery.

document.getElementById('someTextarea').value += someString; 

sarà più chiaro, più veloce e funziona come lo snippet di jQuery. Se davvero si vuole utilizzare il selettore $, con un solo elemento si può anche

$('#someTextarea')[0].value += someString; // least to type 

Altre possibilità sono il metodo .val() con una funzione

$('#someTextarea').val(function(index, oldValue) { return oldValue + someString; }) 

o una variante con .each() (che è [quasi ] equivalente a quello val() fa internamente per ingressi di testo):

$('#someTextarea').each(function(){ this.value += someString; }) 

questi devono entrambi una funzione expressio sola riga Non ti piaceva, ma hanno il vantaggio di lavorare per più di un elemento selezionato (e non di rompere per nessun elemento abbinato) e restituiscono anche l'oggetto jQuery per preservare la funzionalità di concatenazione.

Answer 2

È possibile passare una funzione:

$(...).val(function(index, old) { return old + whatever; }); 

Answer 3

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

o

$('#someTextarea').val(function() { 
    return $(this).val() + something; 
}); 

o

// mentioned by SLaks, JaredPar 

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

Answer 4

Non so circa idiomatica, ma un modo per semplificare questo jQuery espressione è utilizzare il sovraccarico di val che accetta un oggetto funzione come parametro. jQuery passerà il vecchio valore alla funzione e si passerà il nuovo valore.

$('#someTextarea').val(function(_, oldValue) { return oldValue + something; });