JavaScript/jQuery) each()

$.each()

 특정 요소의 하위 요소를 하나씩 꺼내기를 반복한다. Javascript의 Array.forEach와 같은 기능을 한다.

<div>
	<ul id="array">
    	<li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

<script>
	var array = $('#array);
    
    // id가 'array'인 요소 하위의 요소들에 순서대로 item1, item2, ...의 class를 추가한다.
    $.each(array, function(index, value){
    	value.addClass('item' + (index + 1));
    });
</script>

 

+ $.each()에서는 일반적인 for문처럼 break, continue가 되지 않는지 의문이었으나 아래와 같이 대체하여 사용할 수 있다.

$.each(list, function(idx, item) {
	if(expression) {
    	return false; // break;
        return true; // continue;
    }
});