parent-metoden i jQuery

Vi har allerede sett litt på metoden parent, da vi diskuterte pseudoklassen parent. Jeg minner om at metoden parent og selektoren parent gjør forskjellige ting; den første finner forelderen til et element, mens den siste finner alle ikke-tomme elementer (som er foreldre).

I det følgende eksempelet skal vi finne elementet #test, deretter finne dets forelder ved hjelp av parent og sette teksten '!' til den. La oss si at vi har følgende HTML-kode:

html<p>utenfor</p>
<div>
  <p>inni</p>
  <p>inni</p>
  <p id="test">inni</p>
  <p>inni</p>
  <p>inni</p>
</div>
<p>utenfor</p>

Og nå skriver vi metoden parent i Javascript-koden:

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

Ikke glem at du kan sende en selektor til denne metoden for å filtrere foreldrene ytterligere.