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:

html<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:

javascript$('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ì:

html<input type="text" value="aaa 0">
<input type="text" value="bbb 1">
<input type="text" value="ccc 2">