--- id: bad87fee1348bd9aed308826 title: Target the Parent of an Element Using jQuery challengeType: 6 forumTopicId: 18321 dashedName: target-the-parent-of-an-element-using-jquery --- # --description-- Every HTML element has a `parent` element from which it `inherits` properties. For example, your `jQuery Playground` `h3` element has the parent element of `

`, which itself has the parent `body`. jQuery has a function called `parent()` that allows you to access the parent of whichever element you've selected. Here's an example of how you would use the `parent()` function if you wanted to give the parent element of the `left-well` element a background color of blue: `$("#left-well").parent().css("background-color", "blue")` Give the parent of the `#target1` element a background-color of red. # --hints-- Your `left-well` element should have a red background. ```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' ); ``` You should use the `.parent()` function to modify this element. ```js assert(code.match(/\.parent\s*$\s*$\s*\.css/g)); ``` The `.parent()` method should be called on the `#target1` element. ```js assert( code.match(/\$\s*?$\s*?(?:'|")\s*?#target1\s*?(?:'|")\s*?$\s*?\.parent/gi) ); ``` You should only use jQuery to add these classes to the element. ```js assert(code.match(/

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

jQuery Playground

#left-well

#right-well

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

jQuery Playground

#left-well

#right-well

```