Alterando valores de atributos usando uma função em jQuery

Também é possível aplicar uma função a cada atributo. Neste exemplo, existem três inputs:

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

Vamos alterar o atributo value de cada input - adicionando ao value atual o índice do elemento no conjunto:

javascript$('input').attr('value', function(index, value) {
  return value + ' ' + index;
});

Dessa forma, todos os valores do atributo value serão substituídos por aqueles retornados pela função. O código HTML ficará assim:

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