--- id: bad87fee1348bd9aed308826 title: Apunta al padre de un elemento usando jQuery challengeType: 6 forumTopicId: 18321 dashedName: target-the-parent-of-an-element-using-jquery --- # --description-- Cada elemento HTML tiene un elemento `parent` (padre) del cual `inherits` (hereda) propiedades. Por ejemplo, tu elemento `jQuery Playground` `h3` tiene el elemento padre de `

`, que en sí mismo tiene el padre `body`. jQuery tiene una función llamada `parent()` que te permite acceder al padre del elemento que hayas seleccionado. Aquí hay un ejemplo de cómo usarías la función `parent()` si quieres dar al elemento padre del elemento `left-well` un color de fondo azul: ```js $("#left-well").parent().css("background-color", "blue") ``` Dale al padre del elemento `#target1` un color de fondo rojo. # --hints-- Tu elemento `left-well` debe tener un fondo rojo. ```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' ); ``` Debes usar la función `.parent()` para modificar este elemento. ```js assert(code.match(/\.parent\s*$\s*$\s*\.css/g)); ``` El método `.parent()` debe ser llamado en el elemento `#target1`. ```js assert( code.match(/\$\s*?$\s*?(?:'|")\s*?#target1\s*?(?:'|")\s*?$\s*?\.parent/gi) ); ``` Solo debes usar jQuery para añadir estas clases al elemento. ```js assert(code.match(/

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

jQuery Playground

#left-well

#right-well

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

jQuery Playground

#left-well

#right-well

```