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(code.match(/\.parent\s*\(\s*\)\s*\.css/g), "You should use the <code>.parent()</code> function to modify this 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.");'