jQuery - Target the Children of an Element Using jQuery

JavaScript
1

Tell us what’s happening:
Describe your issue in detail here.
I don’t know whether it is an issue with my laptop/Wi-fi or other equipment or is it a bug in FCC code editor because this has happened many times:
I have written the code as required and then I hit Ctrl + Enter for running the tests but the tests fail then I go to the next step and compare my solution with the given one and it is exactly the same. This has happened many times. Even when I was doing HTML CSS projects, this would happen mostly with the meta tag so eventually I would skip that step and go to the next one only to find out that my answer was correct but the tests are unfortunately not passing. Can someone tell me whether this a bug or an issue on my side?
Thanks!

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");
    $("#target1").parent().css("background-color", "red")

  });
</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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

Challenge: jQuery - Target the Children of an Element Using jQuery

Link to the challenge:

2

First, welcome back to the forum!

Can you point out where you wrote the code for this challenge? I do not see the required code to pass this challenge, unless I am missing it.

3

You should use the “Ask for Help” button with the code you wrote when it doesn’t pass the test. Do not copy the code from the next step or a solution, post the code you wrote that isn’t passing the tests.

It is more likely you believe the code you wrote to be the same when it isn’t. It is hard for beginners to parse and pattern-match code correctly and often what might look the same isn’t the same. If you want to be 100% sure you need a code diff tool, Notepad++ has a compare plug-in you can use, or you can use some online code diff tool.

4

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