--- id: bad87fee1348bd9aed308826 title: Позначення батьківського елемента, використовуючи jQuery challengeType: 6 forumTopicId: 18321 dashedName: target-the-parent-of-an-element-using-jquery --- # --description-- Кожен HTML елемент має елемент `parent`, із якого він (успадковує) властивості `inherits`. Наприклад, ваш елемент `jQuery Playground` `h3` має батьківський елемент `
`, який так само має батьківський елемент `body`. jQuery має функцію, що називається `parent()`, яка надає доступ до батьківського елементу будь-якого вибраного елементу. Нижче наведено приклад, як можна використовувати функцію `parent()`, якщо необхідно зафарбувати фон батьківського елементу `left-well` у синій колір: ```js $("#left-well").parent().css("background-color", "blue") ``` Зафарбуйте фон батьківського елемента `#target1` у червоний колір. # --hints-- Елемент `left-well` повинен мати червоний колір. ```js assert( $('#left-well').css('background-color') === 'red' || $('#left-well').css('background-color') === 'rgb(255, 0, 0)' || $('#left-well').css('background-color').toLowerCase() === '#ff0000' || $('#left-well').css('background-color').toLowerCase() === '#f00' ); ``` Використовуйте функцію `.parent()` для того, щоб змінити цей елемент. ```js assert(code.match(/\.parent\s*\(\s*\)\s*\.css/g)); ``` Необхідно викликати метод `.parent()` для елемента `#target1`. ```js assert( code.match(/\$\s*?\(\s*?(?:'|")\s*?#target1\s*?(?:'|")\s*?\)\s*?\.parent/gi) ); ``` Щоб додавати ці класи до елемента, використовуйте лише jQuery. ```js assert(code.match(/
/g)); ``` # --seed-- ## --seed-contents-- ```html

jQuery Playground

#left-well

#right-well

``` # --solutions-- ```html

jQuery Playground

#left-well

#right-well

```