parent
element from which it inherits
properties.
For example, your jQuery Playground
h3
element has the parent element of <div class="container-fluid">
, 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.
left-well
element should have a red background.
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 left-well
element should have a red background.');
- text: You should use the .parent()
function to modify this element.
testString: assert(code.match(/\.parent\s*\(\s*\)\s*\.css/g), 'You should use the .parent()
function to modify this element.');
- text: The .parent()
method should be called on the #target1
element.
testString: assert(code.match(/\$\s*?\(\s*?(?:'|")\s*?#target1\s*?(?:'|")\s*?\)\s*?\.parent/gi), 'The .parent()
method should be called on the #target1
element.');
- text: Only use jQuery to add these classes to the element.
testString: assert(code.match(/