Target the same element with multiple jQuery Selectors whats wrong

Target the same element with multiple jQuery Selectors whats wrong
0

#1

Tell us what’s happening:

Your code so far

  $(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 animated shake btn-primary shake" 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>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36 Edge/15.15063.

Link to the challenge:


#2

When I copy and paste your code into the challenge it works fine.

However I notice that your HTML for #target1 is different from the one provided. You must have edited it before writing the code and forgotten to reset it to its original state. Just remove all the additional classes.