ატრიბუტების მნიშვნელობების შეცვლა ფუნქციის საშუალებით jQuery-ში

ასევე შესაძლებელია ფუნქციის გამოყენება თითოეულ ატრიბუტზე. ამ მაგალითში არის სამი ინფუთი:

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

მოდით, თითოეულ ინფუთს შევცვალოთ ატრიბუტი value - მივუმატოთ მიმდინარე value-ს ელემენტის სათანადო ნომერი სიმრავლეში:

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

ამ გზით, ატრიბუტის value ყველა მნიშვნელობა შეიცვლება იმათით, რასაც ფუნქცია დააბრუნებს. HTML-ის კოდი ასე გამოიყურება:

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