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/
'[개발] Programming > JQuery' 카테고리의 다른 글
JQuery, class 내 특정 하위 class만 지정하는 방법 (0) | 2018.10.29 |
---|---|
JQuery, find()로 특정 태그 찾기, not()으로 특정 태그 제외하기 (0) | 2018.10.29 |
JQuery 함수 trigger(), 강제로 click 이벤트 발생시키기 (0) | 2018.10.29 |
JQuery, 부모 태그 찾는 함수 Closest(), Parent(), Parents() (0) | 2018.10.29 |
JQuery, 체크박스 체크 여부 검사하는 방법 정리 (0) | 2018.10.29 |
댓글