Метод parent у jQuery-у

Већ смо се мало бавили методом parent, када смо разговарали о псеудокласи parent. Подсећам вас да метод parent и селектор parent раде различите ствари, први проналази родитеља елемента, а други све елементе који нису празни (који су родитељи).

У следећем примеру ћемо пронаћи елемент #test, затим ћемо пронаћи његовог родитеља помоћу parent и поставити му текст '!'. Претпоставимо да имамо следећи HTML код:

<p>ван</p>
<div>
	<p>унутра</p>
	<p>унутра</p>
	<p id="test">унутра</p>
	<p>унутра</p>
	<p>унутра</p>
</div>
<p>ван</p>

А сада пишемо метод parent у Javascript код:

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

Не заборавите да овом методу можете проследити селектор, за додатну филтрацију родитеља.

Пронађите родитеља елемента са класом www и обојите га у црвену боју.

Пронађите родитеље свих тегова b и учините их црвене боје.

Пронађите родитеље свих тегова b, и оне, који имају класу test обојите у црвену боју.