Verandering van Attribuutwaardes met behulp van 'n Funksie in jQuery

Jy kan ook 'n funksie op elke attribuut toepas. In hierdie voorbeeld is daar drie invoervelde:

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

Laat ons die value-attribuut vir elke invoerveld verander 1⁄2 deur die huidige value by te voeg tot die volgnommer van die element in die versameling:

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

Sodoende sal alle waardes van die value-attribuut vervang word met dié wat die funksie vir ons teruggee. Die HTML- kode sal so lyk:

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