Mengubah Nilai Atribut Menggunakan Fungsi di jQuery

Kita juga dapat menerapkan fungsi ke setiap atribut. Dalam contoh ini, terdapat tiga input:

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

Mari kita ubah atribut value untuk setiap input - tambahkan nomor urut elemen dalam kumpulan ke value saat ini:

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

Dengan demikian, semua nilai atribut value akan diganti dengan yang dikembalikan oleh fungsi kita. Kode HTML akan terlihat seperti ini:

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