Alle ouders zoeken in jQuery

De methode parent verkrijgt de directe ouder van het element. Om alle ouders van het element te verkrijgen - niet alleen de directe, maar ook de grootouder, overgrootouder en zo verder tot het root element - wordt de methode parents gebruikt.

In het volgende voorbeeld bekijken we de volgende HTML code:

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

Vervolgens vinden we het element #test en al zijn ouders met behulp van parents en, als het ouders zijn div met de klasse www, plaatsen we de tekst '!' aan het begin:

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