วิธี parent ใน jQuery

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

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

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:

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

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