title: Target the Children of an Element Using jQuery
challengeType: 6
---
## Description
<sectionid='description'>
When HTML elements are placed one level below another they are called <code>children</code> of that element. For example, the button elements in this challenge with the text "#target1", "#target2", and "#target3" are all <code>children</code> of the <code><div class="well" id="left-well"></code> element.
jQuery has a function called <code>children()</code> that allows you to access the children of whichever element you've selected.
Here's an example of how you would use the <code>children()</code> function to give the children of your <code>left-well</code> element the color <code>blue</code>:
- text: All children of <code>#right-well</code> should have orange text.
testString: assert($("#right-well").children().css("color") === 'rgb(255, 165, 0)', 'All children of <code>#right-well</code> should have orange text.');
- text: You should use the <code>children()</code> function to modify these elements.
testString: assert(code.match(/\.children\(\)\.css/g), 'You should use the <code>children()</code> function to modify these elements.');