jQuery-də parent metodu

Biz siznlə artıq parent metodunu bir az müzakirə etmişdik, parent pseudoklassını müzakirə edərkən. Xatırladım ki, parent metodu və parent selektoru ferqli şeylər edir, birincisi elementin valideynini tapır, ikincisi isə bütün boş olmayan elementləri (valideyn olanları) tapır.

Aşağıdakı nümünədə biz #test elementini tapacağıq, sonra onun valideynini parent istifadə edərək tapacağıq və ona '!' mətnini qoyacağıq. Tutaq ki, bizdə aşağıdakı HTML kodu var:

html<p>kənar</p>
<div>
  <p>daxili</p>
  <p>daxili</p>
  <p id="test">daxili</p>
  <p>daxili</p>
  <p>daxili</p>
</div>
<p>kənar</p>

İndi biz Javascript kodunda parent metodunu yazırıq:

javascript$('#test').parent().html('!');

Unutmayın ki, bu metoda əlavə valideyn filtrləməsi üçün selektor ötürülə bilər.

Задание 1

www sinifli elementin valideynini tapın və onu qırmızı rəngə boyayın.

Задание 2

Bütün b teqlərinin valideynlərini tapın və onları qırmızı rəng edin.

Задание 3

Bütün b teqlərinin valideynlərini tapın, və test sinifi olanları qırmızı rəngə boyayın.