Browsing articles in "Traversing"
Aug
3
2010

การใช้งาน .prev() ของ jQuery ครับ

screen-capture-26

วันนี้จะมาแนะนำการใช้งาน Function .prev() กันครับซึ่งอยู่ในหมวดหรือกลุ่มคำสั่ง Tree Traversal ครับ ถ้าให้อธิบายง่ายๆก็คือการ select ค่าของ Element อะไรก็ตามที่อยู่ถนัดไป หรือ หลัง Element ที่เราได้ select ไว้แล้ว ประโยชน์ส่วนใหญ่ก็จะเอาไปใช้กับ Tag พวก li ครับ

Jun
6
2010

prevUntil, nextUntil, parentsUntil

มาถึง new feature ที่ 2 ของ jQuery 1.4 กันครับ อันนี้เป็นอีกความสามารถใหม่ใน version 1.4 นี้ครับ มาพูดถึงว่ามันทำงานกันเลยดีกว่าครับ prevUntil, nextUntil, parentsUntil นี้การทำงานของมันจะเป็นลักษณะการค้นหา Elements ที่เราต้องการแต่เราสามารถระบุตำแหน่งที่ต้องการและทำแหน่งสิ้นสุดได้ครับ ดูได้จากตัวอย่างด้านล่างนี้ครับ 12345678<ul>     <li>Apple</li>     <li>Banana</li>     <li>Grape</li>     <li>Strawberry</li>     <li>Pear</li>     <li>Peach</li> </ul> จาก code ตัวอย่างด้านบนนี้ถ้าเราต้องการจะ เลือกเอาเฉพาะ element li ที่มีข้อความ Banana, Grape, Strawberry เพื่อที่จะกำหนดค่าให้เฉพาะที่เราเลือกนั้น เราสามารถที่จะใช้ความสามารถใหม่ของ jQuery 1.4 นี้ได้ดังตัวอย่าง code ด้านล่างนี้ครับ 123jQuery(’ul li:contains(Apple)’) .nextUntil(’:contains(Pear)’); // Selects Banana, Grape, Strawberry จาก code นี้เป็นการ select ค่าที่อยู่ระหว่าง Apple กับ Pear ดังนั้นค่าที่อยู่ระหว่างนี้เราสามารถที่จะกำหนดค่าให้กับมันได้ครับ [...]