jQuery - Target the Same Element with Multiple jQuery Selectors

Tell us what’s happening:
Describe your issue in detail here.

You should only use jQuery to add these classes to the element.
it says can someone help me with this issue
Your code so far

<script>
  $(document).ready(function() {
    $("button").addClass("well");
    $(".btn").addClass("well");
    $("#target1".addClass("well"));
  });
</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" 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:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36

Challenge: jQuery - Target the Same Element with Multiple jQuery Selectors

Link to the challenge:

  $(document).ready(function() {
    $("button").addClass("well");
    $(".btn").addClass("well");
    $("#target1".addClass("well"));
  });

Hello and welcome,

Why does your code show the word well instead of the class you should be adding? shake , animated , and btn-primary are also each called a class. The instructions are asking you to add the corresponding classes(shake , animated , and btn-primary ) to the corresponding ‘button’ element, the ‘.btn’ class and the ‘#target1’ ID.

Here is what that syntax looks like:

$("<ELEMENT>").addClass("<CLASS TO ADD>");
$(".<CLASS>").addClass("<CLASS TO ADD>");
$("#<ID>").addClass("<CLASS TO ADD>");

it still doenst work what am i doing wrong

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

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

You only need one parentheses at the end and you have two

ooh yeah thanks i didnt see that but it says You should only use jQuery to add these classes to the element.

Edit: I got it thanks for the reply :blush:

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.