การค้นหาบรรพบุรุษทั้งหมดใน jQuery

เมธอด parent จะได้ผู้ปกครองโดยตรงขององค์ประกอบ ในการที่จะได้บรรพบุรุษทั้งหมดขององค์ประกอบ - ไม่ใช่แค่ผู้ปกครองโดยตรง แต่รวมถึงบรรพบุรุษระดับบนขึ้นไปเรื่อยๆ จนถึงองค์ประกอบราก เราใช้เมธอด parents

ในตัวอย่างต่อไปนี้ เราจะพิจารณาโค้ด HTML ต่อไปนี้:

<div>
	<div class="www">
		<div class="www">
			<p id="test">text</p>
		</div>
	</div>
</div>

จากนั้นเราจะหาองค์ประกอบ #test และบรรพบุรุษทั้งหมดของมันด้วย parents และถ้านั่นคือบรรพบุรุษ div ที่มีคลาส www เราจะใส่ข้อความ '!' ไว้ที่ส่วนต้นของพวกมัน:

$('#test').parents('div.www').prepend('!');

จงหาบรรพบุรุษทั้งหมดของแท็ก b และให้เปลี่ยนสีของบรรพบุรุษเหล่านั้นที่มีคลาส test เป็นสีแดง