jQueryにおける関数を使用した属性値の変更

また、各属性に関数を適用することもできます。 この例には3つの入力欄があります:

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">
Задание 1

2番目ごとの入力欄のvalue値を変更し、 現在のvalueにセット内の要素のインデックス番号を 追加してください。