วิธี each
วิธี each จะเรียกใช้ฟังก์ชันที่กำหนด
สำหรับแต่ละองค์ประกอบในชุดข้อมูล
ต่างจากวิธีที่คล้ายกันคือ
map,
ซึ่งจะส่งคืนชุดข้อมูลใหม่ที่ประกอบด้วย
องค์ประกอบและวัตถุต่างๆ ส่วนวิธี
each จะส่งคืนชุดข้อมูลองค์ประกอบเดิม
ไวยากรณ์
องค์ประกอบนั้นๆ สามารถเข้าถึงได้ในฟังก์ชัน,
ในตัวแปร this และลำดับที่
ในชุดข้อมูล — ในตัวแปร index:
$(selector).each(function(index, elem));
ตัวอย่าง
มาแสดงเนื้อหาของ
แต่ละย่อหน้าออกมาทีละอันโดยใช้วิธี each และ
text:
<p>text1</p>
<p>text2</p>
<p>text3</p>
$('.www').each(
function() {
console.log($(this).text()); // จะแสดง 'text1', 'text2' และ 'text3'
}
);