Modifica dei valori degli attributi utilizzando una funzione in jQuery
È anche possibile applicare una funzione a ogni attributo. In questo esempio ci sono tre input:
<input type="text" value="aaa">
<input type="text" value="bbb">
<input type="text" value="ccc">
Cambiamo l'attributo value per ogni input
- aggiungiamo all'attuale value l'indice ordinale
dell'elemento nella selezione:
$('input').attr('value', function(index, value) {
return value + ' ' + index;
});
In questo modo, tutti i valori dell'attributo value
saranno sostituiti con quelli restituiti dalla funzione. Il codice
HTML diventerà così:
<input type="text" value="aaa 0">
<input type="text" value="bbb 1">
<input type="text" value="ccc 2">
Modificate il valore value di ogni secondo
input, aggiungendo all'attuale value l'indice ordinale
dell'elemento nella selezione.