[jQuery utility] each 사용예제

js & jQuery

[jQuery utility] each 사용예제

바나나만두 2015. 5. 13. 16:02

용도 : 특정 요소에 접근해서 반복해서 처리하고 싶을때

각각 months 영역과 days 영역에 접근해서 해당 내용을 반복적으로 추가한다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<script type="text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
		</script>
		<script type="text/JavaScript">
(function($) {
    $(document).ready(function() {
        var months = [  'January', 'February', 'March', 'April', 'May',
                        'June', 'July', 'August', 'September', 'October',
                        'November', 'December'];
        $.each(months, function(index, value) {
            $('#months').append('<li>' + value + '</li>');
        });

var days = {    Sunday: 0, Monday: 1, Tuesday: 2, Wednesday: 3,
                        Thursday: 4, Friday: 5, Saturday: 6 };
        $.each(days, function(key, value) {
            $('#days').append('<li>' + key + ' (' + value + ')</li>');
        });
    });
})(jQuery);			
		</script>
	</head>
	
		<p>The DOM is ready!</p>
		<ul id="months">
		</ul>
		<ul id="days">
		</ul>
	</body>
</html>

jQuery.com 사이트 예제 링크 : https://api.jquery.com/each/

저작자표시 비영리 변경금지