Метод 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('!');

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

Задание 1

Најдете го родителот на елементот со класа www и обојте го во црвена боја.

Задание 2

Најдете ги родителите на сите тагови b и направете ги со црвена боја.

Задание 3

Најдете ги родителите на сите тагови b, и оние, кои имаат класа test обојте ги во црвена боја.