jQuery에서 map 메서드 사용하기

map 메서드는 세트의 각 요소에 대해 주어진 함수를 호출합니다. 이것은 요소 컬렉션의 값을 얻거나 설정할 때 특히 편리합니다.

map 메서드는 원래 요소 세트를 반환하는 each 메서드와 달리 다양한 요소와 객체로 새로 형성된 세트를 반환합니다.

HTML 코드에 여러 개의 단락이 있다고 가정해 봅시다:

<p id="aaa">text1</p>
<p id="bbb">text2</p>
<p id="ccc">text3</p>

map 메서드를 사용하여 쉼표로 구분된 요소의 id 이름 목록을 화면에 출력해 봅시다. 각 p에 대해 map과 get을 사용하여 id를 얻습니다. 그런 다음 JavaScript 메서드 join를 사용하여 얻은 값을 문자열로 출력합니다:

alert(
	$('p').map(
		function() {
			return this.id;
		}
	).get().join()
);

map 메서드를 사용하여 모든 p의 id 값을 그들의 순서 번호로 변경하십시오.