.each()
.each()는 선택한 요소가 여러 개일 때 각각에 대하여 반복하여 함수를 실행시킵니다.
기본형
.each( function )
특정 조건을 만족할 때 반복 작업에서 빠져려면
return false
를 사용합니다.
예제 1
p 요소에 각각 다른 클래스를 추가합니다.
<p>Lorem</p>
<p>Ipsum</p>
<p>Dolor</p>
<p>Amet</p>
.a1 {
color: red;
}
.a2 {
color: blue;
}
.a3 {
color: green;
}
.a4 {
color: brown;
}
$( document ).ready( function() {
var i = 1
$( 'p' ).each( function() {
$( this ).addClass( 'a' + i );
i = i + 1;
});
});
예제 2
반복 작업을 두번만 하고 빠져나옵니다.
<p>Lorem</p>
<p>Ipsum</p>
<p>Dolor</p>
<p>Amet</p>
.a1 {
color: red;
}
.a2 {
color: blue;
}
.a3 {
color: green;
}
.a4 {
color: brown;
}
$( document ).ready( function() {
var i = 1
$( 'p' ).each( function() {
$( this ).addClass( 'a' + i );
i = i + 1;
if ( i == 3 ) {
return false;
}
});
});