본문 바로가기
[개발] Programming/JQuery

each(), for문과 유사한 JQuery loop 함수

by eatyourKimchi 2018. 10. 29.

JQuery에서 제공하는 each()를 이용하면 loop 효과, 즉 for문 처럼 사용할 수 있다.


기본적으로 아래와 같은 형태이다.

 .each( function(index, Element) );

 Element에는 루프를 돌때 마다 작업을 수행하고 싶을 때 function를 정의 해주면 된다.


아래 예시에서는 function을 추가하여 div 개수 만큼 function이 수행되어 alert이 세번 뜬다.

<script>

  $("div").each(function(index){

    alert(index +" 번째 루프.");

  });

</script>


<div>first </li>

<div>second</li>

<div>third </li>



자바스크립트 배열에 사용하고 싶은 경우 아래 예시 참고


var jsArray = ["first", "second", "third"];


$.each(jsArray, function(index){

  alert(index +" 번째 루프.");

});




JQuery docemnt: api.jquery.com/each/


댓글