Freecodecamp: مشكلة حول التحدي - استهدف نفس العنصر باستخدام محددات jQuery متعددة

اسم التحدي

أضف فئة واحدة فقط مع كل من محدداتك الثلاثة.

وصف المشكلة

المهمة فقط "إضافة فئة واحدة فقط مع كل من محدداتك الثلاثة." فشل. أعتقد أنني فعلت أنه تمت إضافة فئة واحدة فقط مع المحددات المختلفة في الكود الخاص بي.

معلومات المتصفح

كروم 52.0.2743.82 م
نظام Win10
سطح المكتب

كودك

<script>
  $(document).ready(function() {
    $("button").addClass ("animated");
    $(".btn").addClass ("shake");
    $("#target1").addClass ("btn-primary");
  });
</script>

<!-- Only change code above this line. -->

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

لقطة شاشة