ชุดก่อนหน้าใน jQuery
บางครั้งเมื่อสร้างสายโซ่ jQuery มีความจำเป็นต้องกลับไปที่ชุดก่อนหน้า
ซึ่งทำได้โดยใช้เมธอด
end.
ในตัวอย่างต่อไปนี้แสดงรหัส HTML:
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
<p>text</p>
งานของเราคือค้นหาพารากราฟทั้งหมดก่อน จากนั้นเลือกพารากราฟที่มี
คลาส www จากพารากราฟที่พบโดยใช้เมธอด
filter
และโดยใช้เมธอด
append
เพิ่มข้อความ '!' เข้าไปที่ส่วนท้าย
จากนั้นเราจะกลับไปที่ชุดก่อนหน้า (นี่คือ
ชุด $('p')) โดยใช้ end และเพิ่ม
ข้อความ '?' เข้าไปที่ส่วนท้าย
ผลลัพธ์คือ พารากราฟที่มีคลาส www
จะมีข้อความ '!?' ส่วนพารากราฟธรรมดา
- จะมีข้อความ '?':
$('p').filter('.www').append('!').end().append('?');
ค้นหา h2 ทั้งหมดที่มีคลาส www
ทำให้เป็นสีแดง จากนั้นในองค์ประกอบที่พบ
ให้ค้นหาองค์ประกอบที่มีคลาส test และ
ตั้งค่าขนาดฟอนต์เป็น 30px
