เมื่อพูดถึงลูป (Loop หรือ Iteration) ใน JavaScript เราจะนึกถึง for-loop หรือ for-each-loop เช่น
for(i = 0; i < 30; i++)
alert(i);
หรือ
for(x in a)
alert(a[x]);
แต่เมื่อกลับมามองที่ jQuery ทาง jQuery เองก็ได้เตรียมฟังก์ชั่นสำหรับการวนลูป element ที่ได้มาจาก selector แล้วเหมือนกัน นั่นคือ $.each()
$.each() ไม่้ใช่แค่จะลูป element จาก selector ได้เท่านั้น แต่ยังสามารถลูปใน JavaScript Array และ JSON ได้ด้วย ถือว่าเป็นสุดยอดฟังก์ชั่นอีกตัวหนึ่งเลยก็ได้
โดยปกติแล้ว Syntax ของ $.each() คือ $.each(object, callback) โดยที่ object จะหมายถึง object ที่สามารถลูปได้ เช่น jQuery Object, Array หรือ JSON ส่วน callback จะหมายถึง callback function ที่ในลูปแต่ละรอบมันจะมาเรียกฟังก์ชั่นนี้ครับ เรายังสามารถเขียนในรูปแบบอีกแบบนึงได้คือ $(object).each(callback) ก็ได้ครับ
ลองไปดู LIVE DEMO กันดีกว่าครับ
แวะมาชม ครับ เดี่ยววันหลังจะแวะมาอ่านเหอะๆ
ขอบคุณสำหรับความรู้ตับ
ตัวอย่างได้ใจไปเลยครับ