jQuery는 각 요소에 대해 함수를 실행하는 each 메소드를 제공합니다. 이를 사용하여 요소들을 반복하면서 필요한 작업을 수행할 수 있습니다.

1. each 메소드의 구문

$('selector').each(function() {
  // 작업 수행
});

each 메소드는 선택한 요소들을 대상으로 함수를 반복 실행합니다. 각 요소는 this 키워드를 통해 접근할 수 있습니다.

2. 각 요소의 값에 접근하기

다음은 each 메소드를 사용하여 선택한 요소의 값을 출력하는 예제입니다.

$('.items').each(function() {
  console.log($(this).text());
});

위 예제에서는 클래스 이름이 items인 요소들을 선택하고, 각 요소의 텍스트 값을 콘솔에 출력합니다.

3. 마치며

each 메소드를 사용하면 jQuery를 통해 선택한 요소에 반복적으로 작업을 수행할 수 있습니다. 이를 통해 각 요소에 대해 특정 동작을 수행하거나 값을 가져올 수 있습니다. 다양한 상황에서 유용하게 활용할 수 있으니 활용법을 숙지하는 것이 좋습니다.

이상으로 jQuery의 each 메소드를 통해 요소 값에 접근하는 방법에 대해 알아보았습니다.

참고 문헌:

• jQuery Official Documentation