English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery each() 메서드

jQuery 탐색 메서드

each() 메서드는 jQuery 객체를 순회하며, 선택된 각 요소에 대해 함수를 한 번 실행합니다.

each() 메서드는 DOM 반복 구조를 간결하고 명확하게 하고 오류를 줄이기 위해 목표로 합니다.

문법:

$(selector).each(function(index, element))

예제

각 목록 항목을 탐색하고 각 요소의 텍스트를 팝업으로 표시합니다:

$("button").click(function(){
  $("li").each(function(){
    alert($(this).text());
  });
});
테스트를 보고‹/›

return false 및 each() 루프 중지에 사용됨:

$("button").click(function(){
  $("div").each(function(index, element){
    $("element").css("backgroundColor", "yellow");
    if($(this).is("#stop")){
      $("span").text("div 중지 인덱스 #" + 인덱스);
      return false;
    }
  });
});
테스트를 보고‹/›

파라미터 값

파라미터설명
함수(인덱스, 요소)각 선택된 요소에 대해 실행할 함수 지정
  • 인덱스-선택자의 인덱스 위치 지정

  • 요소-현재 요소 지정

jQuery 탐색 메서드