Attribūtu vērtību maiņa, izmantojot funkciju jQuery

Var arī pielietot funkciju katram atribūtam. Šajā piemērā ir trīs ievades lauki:

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

Mainīsim katram ievades laukam atribūtu value - pievienosim pašreizējai value vērtībai elementa kārtas numuru kopā:

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

Tādējādi visas atribūta value vērtības tiks aizvietotas ar tām, ko atgriezīs mūsu funkcija. HTML kods izskatīsies šādi:

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