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 :
<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 :
$('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 :
<input type="text" value="aaa 0">
<input type="text" value="bbb 1">
<input type="text" value="ccc 2">
Modifiez la valeur value d'un champ de saisie sur deux,
en ajoutant l'index de l'élément dans la collection à la
valeur value actuelle.