Метад 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 афарбуйце ў чырвоны колер.