A parent metódus jQuery-ben

Már foglalkoztunk egy kicsit a parent metódussal, amikor a parent pszeudoosztályt tárgyaltuk. Emlékeztetőül, a parent metódus és a parent szelektor más-más dolgot csinál; az első egy elem szülőjét keresi meg, míg a második az összes nem üres elemet (amelyek szülőként szolgálnak).

A következő példában megtaláljuk a #test elemet, majd a parent segítségével megkeressük annak szülőjét, és beállítjuk a szövegét '!' értékre. Tegyük fel, hogy a következő HTML kódunk van:

html<p>kívül</p>
<div>
  <p>belül</p>
  <p>belül</p>
  <p id="test">belül</p>
  <p>belül</p>
  <p>belül</p>
</div>
<p>kívül</p>

És most a Javascript kódban használjuk a parent metódust:

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

Ne feledjétek, hogy ennek a metódusnak átadhatunk egy szelektort a szülők további szűréséhez.