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

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

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

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

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

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