Die parent-metode in jQuery

Ons het al 'n bietjie gekyk na die parent-metode, toe ons die pseudoklas parent bespreek het. Onthou, die parent-metode en die parent-selekteerder doen verskillende dinge. Die eerste vind die ouer van 'n element, en die tweede vind alle nie-leë elemente (wat ouers is).

In die volgende voorbeeld sal ons die element #test vind, dan sy ouer vind met behulp van parent en daaraan die teks '!' toeken. Gestel ons het die volgende HTML-kode:

html<p>buite</p>
<div>
  <p>binne</p>
  <p>binne</p>
  <p id="test">binne</p>
  <p>binne</p>
  <p>binne</p>
</div>
<p>buite</p>

En nou skryf ons die parent-metode in die Javascript-kode:

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

Moenie vergeet nie dat jy 'n selekteerder aan hierdie metode kan deurgee vir bykomende filtering van ouers.