each()란 무엇일까?

#jQuery #each #반복

 

안녕하세요 Gi_1입니다.

 

each()는 선택한 요소가 여러개일 때, 반복해서 작동합니다.

 

 

 

-예시-

 

HTML

  <ul>

    <li class="request_question_title"></li>

    <li class="request_question_title"></li>

    <li class="request_question_title"></li>

    <li class="request_question_title"></li>

    <li class="request_question_title"></li>

  </ul>

 

 

script

  <script>

    $( document ).ready( function(){

      var i=1

      $('.request_question_title').each(function(){

        $(this).text('Test' + i);

        i = i + 1;

      });

    });

  </script>

 

 

class가 request_question_title인 요소의 수 : 5개,

var i = 1, 반복될 때 마다 +1 실행

 

 

결과 : Test1, Test2, Test3, Test4, Test5