Методи 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-ро доранд ба сурх ранг кунед.