Метод 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 покрасьте в красный цвет.