Modification des valeurs d'attributs à l'aide d'une fonction en jQuery

Il est également possible d'appliquer une fonction à chaque attribut. Cet exemple comporte trois champs de saisie :

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

Modifions l'attribut value pour chaque champ - en ajoutant l'index de l'élément dans la collection à la value actuelle :

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

Ainsi, toutes les valeurs de l'attribut value seront remplacées par celles renvoyées par notre fonction. Le code HTML ressemblera alors à ceci :

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