Làm việc với phương thức map trong jQuery

Phương thức map gọi một hàm được chỉ định cho từng phần tử trong một tập hợp. Nó đặc biệt hữu ích để lấy hoặc thiết lập giá trị của một tập hợp các phần tử.

Phương thức map trả về một tập hợp mới được tạo thành từ các phần tử và đối tượng khác nhau, khác với phương thức each, phương thức này trả về tập hợp các phần tử ban đầu.

Giả sử trong mã HTML của chúng ta có một số đoạn văn:

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

Hãy, sử dụng phương thức map để hiển thị một danh sách các tên id của các phần tử, được phân cách bằng dấu phẩy. Ở mỗi p chúng ta sẽ lấy id bằng cách sử dụng map và get. Sau đó sử dụng phương thức JavaScript join, để hiển thị các giá trị nhận được dưới dạng một chuỗi:

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

Sử dụng phương thức map hãy thay đổi giá trị id của tất cả các p thành số thứ tự của chúng.