Is the .css() function broken on this site?

JavaScript
1

I have done what the question asks exactly, and the #left-well element is red from me using the .parent() function, yet the code will not pass.

I had the same problem with the previous question involving .css() function and just ended up skipping it…for the previous one it didn’t even make the target red like it was supposed to, even though my code was exactly correct.

This time I can visually see it worked but it does not pass.

I did not copy/paste or anything and didn’t even look at the answer until after it didn’t work when it is clearly visually working.

Am I crazy? lol

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"); // this code works but does not pass.
});
</script>

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

<body>
<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>
</body>

Your browser information:

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

Challenge: Target the Parent of an Element Using jQuery

Link to the challenge:

2

What do the failing tests say?

3

Hey there @luckynumberke7in :wave:,

Your code work’s fine for me, The issue might be that you have extensions that has access to FCC. You might want to disable some of those extensions. If the problem still persists, you can try using a different browser. The most supported browser by far is Chrome.


Hope this helps,
Remember to Stay Safe and Happy Coding!! :)

Catalactics

2 Likes
4

Hmmmm, I didn’t even think about it being a plugin. I have a dark reader on.

Going to turn that off and test.

Thanks.

5

Nothing worked in Firefox, switched to chrome and it worked immediately on all 3 questions that were broken in FF. Too bad because I really have a strong disdain for chrome. I didn’t want to install it.