ทำงานกับเมธอด map ใน jQuery

เมธอด map จะเรียกใช้ฟังก์ชันที่กำหนดให้สำหรับแต่ละองค์ประกอบ ในเซต มีประโยชน์อย่างยิ่งสำหรับการรับหรือ ตั้งค่าค่าของคอลเลกชันองค์ประกอบ

เมธอด map จะคืนค่าเซตที่สร้างขึ้นใหม่ ซึ่งประกอบด้วยองค์ประกอบและอ็อบเจกต์ที่แตกต่างกัน แตกต่างจากเมธอด each ซึ่งจะคืนค่าเซตองค์ประกอบดั้งเดิม

สมมติว่าในโค้ด HTML ของเรามีย่อหน้าหลายๆ ย่อหน้า:

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

มาเริ่มกัน ด้วยการใช้เมธอด map แสดง รายการชื่อ id ขององค์ประกอบที่คั่นด้วย เครื่องหมายจุลภาค บนหน้าจอ สำหรับแต่ละ p เราจะได้รับ id โดยใช้ map และ get จากนั้นใช้เมธอด JavaScript join เพื่อแสดงค่าที่ได้รับเป็นสตริง:

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

ใช้เมธอด map เพื่อเปลี่ยน ค่าของ id ของ p ทั้งหมด ให้เป็นหมายเลขลำดับของพวกมัน