Метод 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 ги оцветете в червен цвят.