jQueryにおける関数を使用した属性値の変更
また、各属性に関数を適用することもできます。 この例には3つの入力欄があります:
<input type="text" value="aaa">
<input type="text" value="bbb">
<input type="text" value="ccc">
各入力欄のvalue属性を変更してみましょう
- 現在のvalueにセット内の要素のインデックス番号を
追加します:
$('input').attr('value', function(index, value) {
return value + ' ' + index;
});
このようにして、value属性のすべての値は、
関数が返す値に置き換えられます。HTML
コードは次のようになります:
<input type="text" value="aaa 0">
<input type="text" value="bbb 1">
<input type="text" value="ccc 2">
2番目ごとの入力欄のvalue値を変更し、
現在のvalueにセット内の要素のインデックス番号を
追加してください。