jQuery - Target a Specific Child of an Element Using jQuery

JavaScript
1

Tell us what’s happening:
Describe your issue in detail here.
On the Target a Specific Child of an Element Using jQuery challenge. It shows on the challenge that you put $(“.target:nth-child(n)”).addClass(“animated bounce”);.
I know I am new to coding so I don’t want to overstep but is there a mistake in this challenges example code? I couldn’t make it work until I researched it and found a Stack post that said to use a space between target and nth. Like this $(“.target :nth-child(n)”). Do I have this right or was the example set up that way with the intention of having students look up the answer? I wasn’t sure so I thought Id ask.
Your code so far

<script>
$(document).ready(function() {
  $("#target1").css("color", "red");
  $("#target1").prop("disabled", true);
  $("#target4").remove();
  $("#target2").appendTo("#right-well");
  $("#target5").clone().appendTo("#left-well");
  $("#target1").parent().css("background-color", "red");
  $("#right-well").children().css("color", "orange");

});
</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>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:102.0) Gecko/20100101 Firefox/102.0

Challenge: jQuery - Target a Specific Child of an Element Using jQuery

Link to the challenge:

2

I should include that on the freeCodeCamp editor and as far as the challenge goes on the site, it worked. I tried it on my end in my Sublime code editor and could not get it to work without the space. Any ideas on all this?

3

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