jQuery의 each 메소드는 각 요소에 대해 특정 동작을 수행하는 데 사용됩니다. 이 메소드는 배열 또는 객체의 각 요소에 대해 콜백 함수를 실행하며, 각 요소에 대해 사용자 지정 동작을 수행할 수 있습니다.

each 메소드의 구문

each 메소드는 다음과 같은 구문을 가지고 있습니다.

$.each( collection, callback )

• collection: 배열이나 객체로, 각 요소에 대해 반복 처리할 대상을 나타냅니다.
• callback: 각 요소에 대해 실행할 콜백 함수를 나타내며, 인덱스와 값에 대한 인수를 사용할 수 있습니다.

요소의 병합 예제

다음은 each 메소드를 사용하여 요소를 병합하는 예제 코드입니다.

var elements = $('.item');
var mergedText = '';

$.each(elements, function(index, value) {
  mergedText += $(value).text() + ' ';
});

console.log(mergedText);

이 예제는 item 클래스를 갖는 모든 요소의 텍스트를 병합하여 mergedText 변수에 저장한 후, 콘솔에 출력합니다.

요약

each 메소드를 사용하면 다수의 요소에 접근하여 원하는 동작을 수행할 수 있습니다. 이를 통해 요소의 병합이나 수정 등 다양한 기능을 쉽게 구현할 수 있습니다.

jQuery 공식 문서(jQuery 공식 문서)에서 each 메소드에 대한 자세한 정보를 확인할 수 있습니다.