--- id: bad87fee1348bd9aed308826 title: Mirar o pai de um elemento usando o jQuery challengeType: 6 forumTopicId: 18321 dashedName: target-the-parent-of-an-element-using-jquery --- # --description-- Todo elemento HTML possui um elemento `parent` do qual `inherits` (herda) propriedades. Por exemplo, seu elemento `jQuery Playground` `h3` tem o elemento parente de `

`, o qual ele mesmo possui o parente `body`. O jQuery possui uma função chamada `parent()` que o permite acessar o parente de qualquer elemento que você selecionou. Aqui está um exemplo de como você usaria a função `parent()` se você quisesse dar ao elemento pai do elemento `left-well` uma cor de fundo azul: ```js $("#left-well").parent().css("background-color", "blue") ``` Dê ao parente do elemento `#target1` uma cor de fundo (background-color) vermelha. # --hints-- O elemento `left-well` deve ter um fundo vermelho. ```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' ); ``` Você deve usar a função `.parent()` para modificar esse elemento. ```js assert(code.match(/\.parent\s*$\s*$\s*\.css/g)); ``` O método `.parent()` deve ser chamado no elemento `#target1`. ```js assert( code.match(/\$\s*?$\s*?(?:'|")\s*?#target1\s*?(?:'|")\s*?$\s*?\.parent/gi) ); ``` Você deve usar apenas jQuery para adicionar essas classes ao elemento. ```js assert(code.match(/

/g)); ``` # --seed-- ## --seed-contents-- ```html

jQuery Playground

#left-well

#right-well

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

jQuery Playground

#left-well

#right-well

```