Attribuuttien arvojen muuttaminen funktiolla jQueryssä

Voit myös soveltaa funktiota jokaiseen attribuuttiin. Tässä esimerkissä on kolme input-kenttää:

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

Muutetaan jokaisen input-kentän value-attribuuttia - lisätään nykyiseen value-arvoon elementin indeksi joukossa:

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

Siten kaikki value-attribuutin arvot korvataan niillä arvoilla, jotka funktio palauttaa. HTML- koodi muuttuu näyttämään tältä:

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