title: Target the Parent of an Element Using jQuery
challengeType: 6
---
## Description
<sectionid='description'>
Every HTML element has a <code>parent</code> element from which it <code>inherits</code> properties.
For example, your <code>jQuery Playground</code><code>h3</code> element has the parent element of <code><div class="container-fluid"></code>, which itself has the parent <code>body</code>.
jQuery has a function called <code>parent()</code> that allows you to access the parent of whichever element you've selected.
Here's an example of how you would use the <code>parent()</code> function if you wanted to give the parent element of the <code>left-well</code> element a background color of blue:
testString: 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', 'Your <code>left-well</code> element should have a red background.');
- text: You should use the <code>.parent()</code> function to modify this element.
testString: assert(code.match(/\.parent\s*\(\s*\)\s*\.css/g), 'You should use the <code>.parent()</code> function to modify this element.');
- text: The <code>.parent()</code> method should be called on the <code>#target1</code> element.
testString: assert(code.match(/\$\s*?\(\s*?(?:'|")\s*?#target1\s*?(?:'|")\s*?\)\s*?\.parent/gi), 'The <code>.parent()</code> method should be called on the <code>#target1</code> element.');