Промяна на стойностите на атрибути с помощта на функция в jQuery

Също така може да приложите функция към всеки атрибут. В този пример има три инпута:

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

Нека на всеки инпут променим атрибута value - ще добавим към текущия value поредния номер на елемента в набора:

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

По този начин всички стойности на атрибута value ще бъдат заменени с тези, които функцията върне. HTML кодът ще изглежда така:

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