วิธี map
วิธี map เรียกใช้ฟังก์ชันที่กำหนดสำหรับ
แต่ละองค์ประกอบในชุด โดยเฉพาะมีประโยชน์สำหรับ
การรับหรือตั้งค่าค่าของชุดองค์ประกอบ
วิธี map จะคืนค่าชุดใหม่ที่ประกอบด้วย
องค์ประกอบและวัตถุต่างๆ ซึ่งแตกต่างจากวิธี
each,
ที่คืนค่าชุดองค์ประกอบเดิม
ไวยากรณ์
ตัวองค์ประกอบเองสามารถเข้าถึงได้ภายในฟังก์ชัน
ผ่านตัวแปร this ส่วนลำดับขององค์ประกอบ
ในชุดจะอยู่ในตัวแปร index:
$(selector).map(function(index, element));
ตัวอย่าง
ลองแสดงรายการชื่อ id ขององค์ประกอบ
คั่นด้วยเครื่องหมายจุลภาค โดยใช้วิธี
get และ
join:
<p id="aaa">text1</p>
<p id="bbb">text2</p>
<p id="ccc">text3</p>
console.log(
$('p').map(
function() {
return this.id;
}
).get().join()
);
