Zmiana wartości atrybutów za pomocą funkcji w jQuery

Można również zastosować funkcję do każdego atrybutu. W tym przykładzie są trzy inputy:

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

Zmieńmy atrybut value dla każdego inputa - dodajmy do bieżącego value numer porządkowy elementu w zestawie:

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

W ten sposób wszystkie wartości atrybutu value zostaną zastąpione tymi, które zwróci nam funkcja. Kod HTML będzie wyglądać tak:

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