3.1 KiB
3.1 KiB
id | title | challengeType |
---|---|---|
bad87fee1348bd9aec908855 | Give Each Element a Unique id | 0 |
Description
target1
and ending with target6
.
Make sure that target1
to target3
are in #left-well
, and target4
to target6
are in #right-well
.
Instructions
Tests
tests:
- text: One <code>button</code> element should have the id <code>target1</code>.
testString: assert($("#left-well").children("#target1") && $("#left-well").children("#target1").length > 0, 'One <code>button</code> element should have the id <code>target1</code>.');
- text: One <code>button</code> element should have the id <code>target2</code>.
testString: assert($("#left-well").children("#target2") && $("#left-well").children("#target2").length > 0, 'One <code>button</code> element should have the id <code>target2</code>.');
- text: One <code>button</code> element should have the id <code>target3</code>.
testString: assert($("#left-well").children("#target3") && $("#left-well").children("#target3").length > 0, 'One <code>button</code> element should have the id <code>target3</code>.');
- text: One <code>button</code> element should have the id <code>target4</code>.
testString: assert($("#right-well").children("#target4") && $("#right-well").children("#target4").length > 0, 'One <code>button</code> element should have the id <code>target4</code>.');
- text: One <code>button</code> element should have the id <code>target5</code>.
testString: assert($("#right-well").children("#target5") && $("#right-well").children("#target5").length > 0, 'One <code>button</code> element should have the id <code>target5</code>.');
- text: One <code>button</code> element should have the id <code>target6</code>.
testString: assert($("#right-well").children("#target6") && $("#right-well").children("#target6").length > 0, 'One <code>button</code> element should have the id <code>target6</code>.');
Challenge Seed
<div class="container-fluid">
<h3 class="text-primary text-center">jQuery Playground</h3>
<div class="row">
<div class="col-xs-6">
<h4>#left-well</h4>
<div class="well" id="left-well">
<button class="btn btn-default target"></button>
<button class="btn btn-default target"></button>
<button class="btn btn-default target"></button>
</div>
</div>
<div class="col-xs-6">
<h4>#right-well</h4>
<div class="well" id="right-well">
<button class="btn btn-default target"></button>
<button class="btn btn-default target"></button>
<button class="btn btn-default target"></button>
</div>
</div>
</div>
</div>
Solution
// solution required