การค้นหาภายในสิ่งที่พบใน jQuery
ตอนนี้เรามาดูวิธี
find,
ซึ่งค้นหาองค์ประกอบตามตัวเลือกที่กำหนด
ภายในองค์ประกอบที่พบแล้ว (นั่นคือในลูกหลาน
ภายในองค์ประกอบที่พบ)
ลองพิจารณาการทำงานของเมธอดจากโค้ด HTML ต่อไปนี้:
<div>
<p>text</p>
<p>text</p>
<p>text</p>
</div>
<div>
<p>text</p>
<p>text</p>
<p>text</p>
</div>
ก่อนอื่นเราต้องค้นหาแท็ก div ทั้งหมด,
เพิ่มข้อความ '!' ที่เริ่มต้นด้วย
prepend,
จากนั้นค้นหาพารากราฟทั้งหมดภายในด้วย
เมธอด find และเพิ่มข้อความ
'?' ที่เริ่มต้น:
$('div').prepend('!').find('p').prepend('?');
ค้นหา b ทั้งหมดที่มีคลาส
www, กำหนดสีแดงให้,
จากนั้นภายในองค์ประกอบที่พบให้ค้นหาองค์ประกอบ
ที่มีคลาส test และกำหนดขนาด
ฟอนต์เป็น 30px
ค้นหาองค์ประกอบทั้งหมดที่มีคลาส www, กำหนด
สีแดงให้, จากนั้นภายในองค์ประกอบที่พบ
ให้ค้นหาพารากราฟและเพิ่มข้อความ
'!' ที่ท้ายข้อความ