jQuery each()를 이용한 배열 관리

jQeury에서

each()를 이용하여 배열을 관리할 수 있다.

1 2 3

$.each(object, function(index, item){ });   $(Select).each(object, function(index, item){ });

cs

이렇게 두가지의 형태를 가지고 있다.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

$(document).ready(function(){            var array = [             {name : 'Hanbit', link:'http://hanb.co.kr'},             {name : 'Naver', link:'http://Naver.com'},             {name : 'Daum', link:'http://Daum.net'},             {name : 'Paran', link:'http://Paran.com'},            ];                                               $.each(array, function(index, item){               var output='';                             output+= '<a href ="' + item.link + '">';              output+= '      <h1>' + item.name + '</h1>';               output+= '</a>';               document.body.innerHTML+=output;            });                      });                        </script> Colored by Color Scripter

cs

each()메서드에서 array배열을 넘기고, index는 배열의 인덱스 또는 객체의 키를 의미하고, item은 해당 인덱스나 키가 가진 값을 의미한다.

a href로 링크를 걸었기 때문에 해당 페이지로 넘어가게 된다.

17line에서 document.body.innerHTML을 이용해 output을 body뒤쪽에 붙이게 된다.