jQuery에서 함수를 사용하여 속성 값 변경하기
각 속성에 함수를 적용할 수도 있습니다. 이 예제에는 세 개의 입력 필드가 있습니다:
<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">
두 번째 입력 필드마다 value 값을 변경하여
현재 value에 집합 내 요소의 순차 번호를
추가하세요.