Endring av attributtverdier ved hjelp av en funksjon i jQuery

Du kan også bruke en funksjon på hvert attributt. I dette eksemplet er det tre input-felter:

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

La oss endre value-attributtet for hvert input-felt - legg til indeksen til elementet i samlingen til den nåværende value-verdien:

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

På denne måten vil alle verdiene til value-attributtet blitt erstattet med de som returneres av funksjonen. HTML-koden vil se slik ut:

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