3.1 KiB

Raw Blame History

id	title	challengeType	forumTopicId	dashedName
bad87fee1348bd9aec908855	Gib jedem Element eine eindeutige ID	0	18191	give-each-element-a-unique-id

--description--

Wir werden jQuery auch verwenden wollen, um einzelne Buttons durch deren eindeutige ID anzuwählen.

Gib jedem Button eine eindeutige ID, angefangen mit target1 und endend mit target6.

Stelle sicher, dass target1 bis target3 in #left-well und target4 bis target6 in #right-well untergeordnet sind.

--hints--

Es sollte ein button-Element mit der ID target1 geben.

assert(
  $('#left-well').children('#target1') &&
    $('#left-well').children('#target1').length > 0
);

Es sollte ein button-Element mit der ID target2 geben.

assert(
  $('#left-well').children('#target2') &&
    $('#left-well').children('#target2').length > 0
);

Es sollte ein button-Element mit der ID target3 geben.

assert(
  $('#left-well').children('#target3') &&
    $('#left-well').children('#target3').length > 0
);

Es sollte ein button-Element mit der ID target4 geben.

assert(
  $('#right-well').children('#target4') &&
    $('#right-well').children('#target4').length > 0
);

Es sollte ein button-Element mit der ID target5 geben.

assert(
  $('#right-well').children('#target5') &&
    $('#right-well').children('#target5').length > 0
);

Es sollte ein button-Element mit der ID target6 geben.

assert(
  $('#right-well').children('#target6') &&
    $('#right-well').children('#target6').length > 0
);

--seed--

--seed-contents--

<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>

--solutions--

<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" id="target1"></button>
        <button class="btn btn-default target" id="target2"></button>
        <button class="btn btn-default target" id="target3"></button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4"></button>
        <button class="btn btn-default target" id="target5"></button>
        <button class="btn btn-default target" id="target6"></button>
      </div>
    </div>
  </div>
</div>

3.1 KiB Raw Blame History