# Метод parent в jQuery

Мы с вами уже немного разбирали метод `parent`, когда обсуждали псевдокласс `parent`. Напоминаю, что метод `parent` и селектор `parent` делают разные вещи, первый находит родителя элемента, а второй все непустые элементы (являющиеся родителями).

В следующем примере мы найдем элемент `#test`, затем найдем его родителя с помощью `parent` и поставим ему текст `'!'`. Пусть у нас есть следующий HTML код:

`<p>outside</p> <div> <p>inside</p> <p>inside</p> <p id="test">inside</p> <p>inside</p> <p>inside</p> </div> <p>outside</p>`

А теперь мы прописываем метод `parent` в Javascript код:

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

Не забывайте про то, что в этот метод можно передавать селектор, для дополнительной фильтрации родителей.

Найдите родителя элемента с классом `www` и покрасьте его в красный цвет.

Найдите родителей всех тегов `b` и сделайте их красным цветом.

Найдите родителей всех тегов `b`, и те, которые имеют класс `test` покрасьте в красный цвет.

← →
↑