Ändra attributvärden med en funktion i jQuery

Det är också möjligt att applicera en funktion på varje attribut. I detta exempel finns tre inmatningsfält:

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

Låt oss ändra value-attributet för varje inmatningsfält - genom att lägga till indexet för elementet i uppsättningen till det nuvarande value:

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

På så sätt kommer alla värden för value-attributet att ersättas med de som returneras av funktionen. HTML-koden kommer att se ut så här:

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