jQuery는 요소 컬렉션을 반복하거나 순회할 때 간편하게 사용할 수 있는 다양한 메소드를 제공합니다. 여기서는 jQuery each 메소드의 기본 문법과 사용법에 대해 살펴보겠습니다.

jQuery each 메소드란?

jQuery each 메소드는 선택한 요소 컬렉션의 각 요소에 대해 사용자가 지정한 함수를 실행하는 메소드입니다.

기본 문법

다음은 jQuery each 메소드의 기본 문법입니다.

$.each(collection, function(index, value) {
  // 실행할 코드
});

• collection: 반복하는 대상이 되는 배열이나 객체입니다.
• function(index, value): 각 요소에 대해 실행될 함수를 지정합니다. index는 반복되는 현재 요소의 인덱스를, value는 해당 요소의 값을 나타냅니다.

사용 예제

아래는 jQuery each 메소드의 간단한 사용 예제입니다.

var arr = ['apple', 'banana', 'orange'];
$.each(arr, function(index, value) {
  console.log(index + ": " + value);
});

위 예제에서는 배열 arr의 각 요소에 대해 콘솔에 인덱스와 값을 출력하는 함수를 실행합니다.

이제 jQuery each 메소드의 기본 문법과 사용법을 알게 되었습니다. jQuery each 메소드는 간단하면서도 유용하여 요소를 반복하는 작업을 효과적으로 수행할 수 있습니다.

더 많은 내용은 jQuery 공식 문서를 참조하시기 바랍니다.

참고 자료

• jQuery 공식 문서 - jQuery.each()