[jQuery - 기능 - (4) ] $.each() → 반복 함수
$.each() Function
$.each() 메서드는 object 와 배열 모두에서 사용할 수 있는 일반적인 반복 함수입니다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<script>
// 객체를 선언
var arr= [ {title : '다음', url : 'http://daum.net'}, {title : '네이버', url : 'http://naver.com'} ];
// $.each() 메서드의 첫번째 매겨변수로 위에서 선언한 배열은 전달
$.each(arr, function (index, item) {
// 두 번째 매개변수로는 콜백함수인데 콜백함수의 매개변수 중
// 첫 번째 index는 배열의 인덱스 또는 객체의 키를 의미하고
// 두 번째 매개 변수 item은 해당 인덱스나 키가 가진 값을 의미합니다.
var result = '';
result += index +' : ' + item.title + ', ' + item.url;
console.log(result);
// 0 : 다음, http://daum.net
// 1 : 네이버, http://naver.com
})
</script>
Color Scripter
|
'◽ HTML & CSS & JS, jQuery' 카테고리의 다른 글
[jQuery - 기능 - (6) ] $.ajax(), $.getJSON → JSON 데이터 (0) | 2019.08.14 |
---|---|
[jQuery - 기능 - (5) ] $.validate() - (2) : errorPlacement - validate 메시지 위치 설정하기 (0) | 2019.08.13 |
[jQuery - 기능 - (5) ] $.validate() - (1) : 유효성 검사 [ 확인 문구 바로 출력 ] (0) | 2019.08.12 |
[jQuery - 기능 - (3) ] $.var() → value load : 값 추출(로드) (0) | 2019.08.12 |
[jQuery - 기능 - (2) ] $.on() → event bind ( 1.7 ver.) : 이벤트 설정 (0) | 2019.08.12 |
[jQuery - 기능 - (1) ] $.ready() = $(document).ready(function(){ }) (0) | 2019.08.12 |
[CSS] ::before ::after은 무엇인가? (0) | 2019.08.03 |