Метод parent у jQuery-у

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

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

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

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

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

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