วิธี each

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

ไวยากรณ์

องค์ประกอบนั้นๆ สามารถเข้าถึงได้ในฟังก์ชัน, ในตัวแปร this และลำดับที่ ในชุดข้อมูล — ในตัวแปร index:

javascript$(selector).each(function(index, elem));

ตัวอย่าง

มาแสดงเนื้อหาของ แต่ละย่อหน้าออกมาทีละอันโดยใช้วิธี each และ text:

html<p>text1</p>
<p>text2</p>
<p>text3</p>

javascript$('.www').each(
  function() {
    console.log($(this).text()); // จะแสดง 'text1', 'text2' และ 'text3' 
  }
);

ดูเพิ่มเติม