Atribuutide väärtuste muutmine funktsiooni abil jQuery-s

Samuti saab iga atribuudi jaoks rakendada funktsiooni. Selles näites on kolm sisendvälja:

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

Muudame iga sisendvälja value atribuuti - lisame praegusele value väärtusele elemendi järjekorranumbri komplektis:

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

Nii asendatakse kõik value atribuudi väärtused nendega, mida funktsioon tagastab. HTML kood näeb välja selline:

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