728x90
jQuery map()함수는 배열 데이터를 변환시켜 새로운 배열 객체를 만든다.
jQuery 1.6 부터 Object 도 지원한다.
$.map() 함수를 사용하기 위해서는 반드시 완전한 배열로 바꿔줘야 한다.
<input type="text" name="item[1]" class="item" value="1">
<input type="text" name="item[2]" class="item" value="50">
<input type="text" name="item[3]" class="item" value="12">
jQuery.map(array, callback(elementOfArray, indexInArray) )
- array : 변환할 배열
- callback(elementOfArray, indexInArray) 모든 요소에 대해 실행될 함수.
첫번째 인자는 배열 요소(item),
두번째 인자는 배열 인덱스
jQuery.map(arrayOrObject, callback(value, indexOrKey))
- arrayOrObject 변환할 배열 또는 오브젝트
- callback( value, indexOrKey ) 모든 요소에 대해 실행될 함수.
첫번째 인자는 value,
두번째 인자는 배열 또는 오브젝트의 index 또는 key
아래 코드는 위와 같은 결과를 얻어내는 jQeury 함수와 스타일 시트다.
모양을 좀 더 미려하게 보여주는 CSS 코드라고 보면 된다.
728x90
'Web 프로그램 > js, jQuery' 카테고리의 다른 글
| [jQuery] 동적 Input Add Remove (input 태그 name 값 동일) (0) | 2018.05.13 |
|---|---|
| jQuery each 메소드와 map 메소드 차이점 (0) | 2018.04.29 |
| Javascript 배열 정리 (0) | 2018.04.29 |
| jQuery - input 배열 수 세기 (0) | 2018.04.20 |
| jQuery 체크박스 선택 여부 확인 (0) | 2018.04.15 |
Link2Me