วิธี map

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

ไวยากรณ์

ตัวองค์ประกอบเองสามารถเข้าถึงได้ภายในฟังก์ชัน ผ่านตัวแปร this ส่วนลำดับขององค์ประกอบ ในชุดจะอยู่ในตัวแปร index:

javascript$(selector).map(function(index, element));

ตัวอย่าง

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

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

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

ดูเพิ่มเติม