Metoda parent

Metoda parent pobiera bezpośredni element nadrzędny.

Składnia

Pobieranie bezpośredniego elementu nadrzędnego dla elementów:

.parent();

Można również wybrać bezpośredni element nadrzędny, tylko jeśli spełnia on podany selektor:

.parent(selektor);

Przykład

Znajdźmy element #test, następnie znajdźmy jego element nadrzędny za pomocą parent i ustawmy mu tekst '!' za pomocą html:

<p>na zewnątrz</p>
<div>
	<p>wewnątrz</p>
	<p>wewnątrz</p>
	<p id="test">wewnątrz</p>
	<p>wewnątrz</p>
	<p>wewnątrz</p>
</div>
<p>na zewnątrz</p>

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

Kod HTML będzie wyglądać tak:

<p>na zewnątrz</p>
<div>
	!
</div>
<p>na zewnątrz</p>

Przykład

Znajdźmy element #test, następnie znajdźmy jego element nadrzędny za pomocą parent i, jeśli ten element nadrzędny to div z klasą www, to ustawmy mu tekst '!' za pomocą html:

<p>na zewnątrz</p>
<div class="www">
	<p>wewnątrz</p>
	<p>wewnątrz</p>
	<p id="test">wewnątrz</p>
	<p>wewnątrz</p>
	<p>wewnątrz</p>
</div>
<p>na zewnątrz</p>

$('#test').parent('div.www').html('!');

Kod HTML będzie wyglądać tak:

<p>na zewnątrz</p>
<div class="www">
	!
</div>
<p>na zewnątrz</p>

Zobacz też

metoda parents,
która pozwala pobrać wszystkie elementy nadrzędne elementu
metoda closest,
która pozwala pobrać najbliższy element nadrzędny spełniający selektor
metoda parentsUntil,
która pozwala pobrać wszystkie elementy nadrzędne elementu do wskazanego elementu nadrzędnego
metoda children,
która pozwala pobrać elementy potomne
metoda contents,
która pozwala pobrać elementy potomne i tekst wewnątrz tego elementu