วิธี parent ใน jQuery

เราเคยพูดถึงวิธี parent มาบ้างแล้ว ตอนที่เราคุยกันเรื่อง parent ฉันขอย้ำว่า วิธี parent และ ซีเลกเตอร์ parent ทำหน้าที่ต่างกัน วิธีแรกค้นหา parent ของ element ส่วน วิธีที่สองคือ element ทั้งหมดที่ไม่ว่าง (ที่เป็น parent)

ในตัวอย่างต่อไป เราจะค้นหา element #test จากนั้นค้นหา parent ของมันโดยใช้ parent และตั้งข้อความให้มันเป็น '!' สมมติว่าเรามี โค้ด HTML ดังต่อไปนี้:

<p>outside</p>
<div>
	<p>inside</p>
	<p>inside</p>
	<p id="test">inside</p>
	<p>inside</p>
	<p>inside</p>
</div>
<p>outside</p>

และตอนนี้เราเขียนวิธี parent ใน โค้ด Javascript:

$('#test').parent().html('!');

อย่าลืมว่าสามารถส่งซีเลกเตอร์เข้าไปในวิธีนี้ได้ เพื่อกรอง parent เพิ่มเติม

ค้นหา parent ของ element ที่มีคลาส www และตั้งสีให้เป็นสีแดง

ค้นหา parent ของแท็ก b ทั้งหมด และตั้งให้เป็นสีแดง

ค้นหา parent ของแท็ก b ทั้งหมด และตัวที่ มีคลาส test ตั้งสีให้เป็นสีแดง