jQuery에서 함수를 사용하여 속성 값 변경하기

각 속성에 함수를 적용할 수도 있습니다. 이 예제에는 세 개의 입력 필드가 있습니다:

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">