each 메서드

메서드 each는 주어진 함수를 집합의 각 요소에 대해 호출합니다. 새롭게 형성된 다양한 요소와 객체들의 집합을 반환하는 유사한 메서드 map와는 달리, each 메서드는 원래의 요소 집합을 반환합니다.

구문

요소 자체는 함수 내에서 변수 this를 통해 접근할 수 있으며, 집합 내에서의 순서 번호는 변수 index에 있습니다:

javascript$(selector).each(function(index, elem));

예제

each 메서드와 text 메서드를 사용하여 각 단락의 내용을 순차적으로 화면에 출력해 보겠습니다:

html<p>text1</p>
<p>text2</p>
<p>text3</p>

javascript$('.www').each(
  function() {
    console.log($(this).text()); // 'text1', 'text2', 'text3'을 출력함
  }
);

함께 보기